46 lines
899 B
SCSS
46 lines
899 B
SCSS
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html {
|
|
--accent: #ed1c24;
|
|
--foreground: #000;
|
|
--foreground-light: rgba(0, 0, 0, 0.7);
|
|
--background: #fff;
|
|
--background-alt-1: #f5f5f5;
|
|
--background-alt-2: #eeeeee;
|
|
|
|
font-family: 'Open Sans', Arial, sans-serif;
|
|
font-weight: 800;
|
|
background: var(--background);
|
|
color: var(--foreground);
|
|
-ms-text-size-adjust: 100%;
|
|
-webkit-text-size-adjust: 100%;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-font-smoothing: antialiased;
|
|
box-sizing: border-box;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
margin: 0;
|
|
font-size: 20px;
|
|
}
|
|
|
|
*:focus-visible {
|
|
outline: 0.2rem solid var(--accent);
|
|
}
|
|
|
|
@import './container';
|
|
@import './link';
|
|
@import './card';
|
|
@import './button';
|
|
@import './input';
|
|
@import './form-group';
|
|
|
|
@import './main';
|
|
@import './header';
|
|
@import './page';
|
|
@import './section-nav';
|
|
@import './logo';
|
|
@import './background';
|
|
@import './footer';
|