| /* ========================================================================== |
| VARIABLES |
| ========================================================================== */ |
| |
| @font-face { |
| font-family: CustomSerifFont; |
| font-weight: 400; |
| src: local("PingFangSC"), |
| local("Microsoft Yahei"), |
| local("WenQuanYi Micro Hei"), |
| local("Noto Sans Mono CJK SC"), |
| local(Helvetica), |
| local(Arial); |
| } |
| |
| @font-face { |
| font-family: CustomSerifFont; |
| font-weight: 400; |
| unicode-range: U+00-024F; |
| src: local("Roboto"), |
| local(Helvetica), |
| local(Arial); |
| } |
| |
| $serif : CustomSerifFont, Times, Georgia, serif; |
| $sans-serif-narrow : Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; |
| $monospace : 'Source Code Pro', Roboto, monospace !default; |
| |
| $global-font-family : $serif; |
| $header-font-family : $sans-serif-narrow; |
| |
| $info-color : #0056ff !default; |
| $warning-color : #faad14 !default; |
| |
| $x-large : 1440px !default; |
| |
| $lighter-gray : #fafafa !default; |
| |
| $min-header-font-size : 0.875em !default; // ~14px |
| |
| $masthead-background-color : #11a4ff !default; |
| |
| $base-font-size: 16px; |