2019-03-27 02:08:39 -07:00
|
|
|
html, body {
|
2018-04-20 19:57:10 -07:00
|
|
|
box-sizing: border-box;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2019-03-27 02:08:39 -07:00
|
|
|
*, *:before, *:after {
|
|
|
|
|
box-sizing: inherit;
|
|
|
|
|
}
|
|
|
|
|
|
2017-12-02 02:04:52 -08:00
|
|
|
body {
|
2019-03-27 02:08:39 -07:00
|
|
|
background: var(--bg);
|
|
|
|
|
color: var(--color);
|
|
|
|
|
font-family: var(--font-family);
|
|
|
|
|
font-size: var(--font-size);
|
|
|
|
|
letter-spacing: var(--letter-spacing);
|
|
|
|
|
line-height: var(--line-height);
|
2018-04-18 01:48:39 -07:00
|
|
|
|
|
|
|
|
font-feature-settings: "palt";
|
2017-12-02 02:04:52 -08:00
|
|
|
|
|
|
|
|
@include media-mobile {
|
2019-03-27 02:08:39 -07:00
|
|
|
font-size: var(--font-size-mobile);
|
2017-12-02 02:04:52 -08:00
|
|
|
}
|
2018-02-28 01:55:54 -08:00
|
|
|
|
|
|
|
|
::selection {
|
2019-03-27 02:08:39 -07:00
|
|
|
background-color: var(--selection-bg);
|
|
|
|
|
color: var(--selection-color);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a {
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|
|
|
|
|
|
&:link {
|
|
|
|
|
color: var(--color-link);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:visited,
|
|
|
|
|
&:hover,
|
|
|
|
|
&:focus,
|
|
|
|
|
&:active {
|
|
|
|
|
color: var(--color-link-visited);
|
2018-02-28 01:55:54 -08:00
|
|
|
}
|
2017-12-02 02:04:52 -08:00
|
|
|
}
|
