2019-04-30 11:11:25 +08:00
|
|
|
/**
|
|
|
|
|
* Basic typography style for copy text
|
|
|
|
|
*/
|
2019-05-15 16:10:20 +08:00
|
|
|
html {
|
2019-12-06 09:58:08 +08:00
|
|
|
font-size: $remFactor;
|
2019-05-15 16:10:20 +08:00
|
|
|
}
|
2019-04-30 11:11:25 +08:00
|
|
|
|
2019-05-15 16:10:20 +08:00
|
|
|
body {
|
2020-12-21 10:08:40 +08:00
|
|
|
color: var(--body-color);
|
|
|
|
|
background: var(--body-bg);
|
|
|
|
|
font-size: var(--body-size);
|
|
|
|
|
font-weight: var(--body-weight);
|
|
|
|
|
font-family: var(--fontFamilyBase);
|
|
|
|
|
line-height: var(--body-lineHeight);
|
2019-12-06 09:58:08 +08:00
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
2019-04-30 11:11:25 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a {
|
2020-12-21 10:08:40 +08:00
|
|
|
color: var(--link-color);
|
|
|
|
|
text-decoration: var(--link-decoration);
|
2019-04-30 11:11:25 +08:00
|
|
|
|
2019-12-06 09:58:08 +08:00
|
|
|
&:hover {
|
2020-12-21 10:08:40 +08:00
|
|
|
color: var(--link-onHover-color);
|
|
|
|
|
text-decoration: var(--link-onHover-decoration);
|
2019-12-06 09:58:08 +08:00
|
|
|
}
|
2019-04-30 11:11:25 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
label {
|
2020-12-21 10:08:40 +08:00
|
|
|
font-weight: var(--fontWeightNormal);
|
2019-04-30 11:11:25 +08:00
|
|
|
}
|
|
|
|
|
|
2019-05-15 16:10:20 +08:00
|
|
|
h1,
|
|
|
|
|
h2,
|
|
|
|
|
h3,
|
|
|
|
|
h4,
|
|
|
|
|
h5,
|
|
|
|
|
h6 {
|
2020-12-21 10:08:40 +08:00
|
|
|
font-weight: var(--fontWeightNormal);
|
|
|
|
|
color: var(--text--loud-color);
|
2019-12-06 09:58:08 +08:00
|
|
|
line-height: 1.1;
|
2019-04-30 11:11:25 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.is-matched {
|
2020-12-21 10:08:40 +08:00
|
|
|
color: var(--danger);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
pre,
|
|
|
|
|
code,
|
|
|
|
|
kbd,
|
|
|
|
|
samp {
|
|
|
|
|
font-family: var(--fontFamilyMonospace);
|
2019-05-15 16:10:20 +08:00
|
|
|
}
|
