refactor: enhance the configurability of fonts (#986)
This commit is contained in:
parent
b63b65d743
commit
7ec31e8948
4 changed files with 8 additions and 3 deletions
|
@ -34,7 +34,7 @@ body {
|
||||||
env(safe-area-inset-bottom) env(safe-area-inset-left);
|
env(safe-area-inset-bottom) env(safe-area-inset-left);
|
||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
font-family: 'Source Sans Pro', 'Microsoft Yahei', sans-serif;
|
font-family: $font-family-base;
|
||||||
line-height: 1.75;
|
line-height: 1.75;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
%heading {
|
%heading {
|
||||||
color: var(--heading-color);
|
color: var(--heading-color);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-family: Lato, 'Microsoft Yahei', sans-serif;
|
font-family: $font-family-heading;
|
||||||
}
|
}
|
||||||
|
|
||||||
%section {
|
%section {
|
||||||
|
|
|
@ -28,3 +28,8 @@ $bottom-min-height: 35rem !default;
|
||||||
/* syntax highlight */
|
/* syntax highlight */
|
||||||
|
|
||||||
$code-font-size: 0.85rem !default;
|
$code-font-size: 0.85rem !default;
|
||||||
|
|
||||||
|
/* fonts */
|
||||||
|
|
||||||
|
$font-family-base: 'Source Sans Pro', 'Microsoft Yahei', sans-serif;
|
||||||
|
$font-family-heading: Lato, 'Microsoft Yahei', sans-serif;
|
||||||
|
|
|
@ -10,9 +10,9 @@
|
||||||
"colors/light-typography",
|
"colors/light-typography",
|
||||||
"colors/dark-typography",
|
"colors/dark-typography",
|
||||||
|
|
||||||
"addon/module",
|
|
||||||
"addon/variables",
|
"addon/variables",
|
||||||
"variables-hook",
|
"variables-hook",
|
||||||
|
"addon/module",
|
||||||
"addon/syntax",
|
"addon/syntax",
|
||||||
"addon/commons",
|
"addon/commons",
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue