43 lines
758 B
CSS
43 lines
758 B
CSS
@import "../styles/tokens.css";
|
||
@import "../styles/buttons.css";
|
||
@import "../styles/forms.css";
|
||
@import "../styles/typography.css";
|
||
|
||
*,
|
||
*::before,
|
||
*::after {
|
||
box-sizing: border-box;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
html {
|
||
height: 100%;
|
||
font-size: 112.5%; /* 16px × 1.125 = 18px */
|
||
}
|
||
html.has-menu-open {
|
||
scrollbar-gutter: stable;
|
||
}
|
||
|
||
body {
|
||
min-height: 100%;
|
||
color: var(--font-body-color);
|
||
background: var(--color-background);
|
||
font-family: var(--font-body);
|
||
font-size: var(--font-size-base);
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
line-height: var(--line-height-body);
|
||
-webkit-tap-highlight-color: transparent;
|
||
}
|
||
|
||
main {
|
||
width: 100%;
|
||
}
|
||
|
||
@media (min-width: 768px) {
|
||
}
|
||
|
||
@media (min-width: 1024px) {
|
||
}
|