2019-04-30 11:11:25 +08:00
|
|
|
/**
|
|
|
|
* Basic typography style for copy text
|
|
|
|
*/
|
2019-05-15 16:10:20 +08:00
|
|
|
html {
|
2019-04-30 11:11:25 +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 {
|
2019-04-30 11:11:25 +08:00
|
|
|
color: $body-color;
|
|
|
|
background-color: $body-bg;
|
|
|
|
font-size: $body-size;
|
|
|
|
font-weight: $body-weight;
|
|
|
|
font-family: $fontFamilyBase;
|
|
|
|
line-height: $body-lineHeight;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: $link-color;
|
|
|
|
text-decoration: $link-decoration;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
color: $link-onHover-color;
|
|
|
|
text-decoration: $link-onHover-decoration;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
label {
|
|
|
|
font-weight: $fontWeightNormal;
|
|
|
|
}
|
|
|
|
|
2019-05-15 16:10:20 +08:00
|
|
|
h1,
|
|
|
|
h2,
|
|
|
|
h3,
|
|
|
|
h4,
|
|
|
|
h5,
|
|
|
|
h6 {
|
2019-04-30 11:11:25 +08:00
|
|
|
font-weight: $fontWeightNormal;
|
|
|
|
color: $text--loud-color;
|
|
|
|
line-height: 1.1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.is-matched {
|
|
|
|
color: $danger;
|
2019-05-15 16:10:20 +08:00
|
|
|
}
|