diff options
| author | amzrk2 | 2020-04-13 23:25:25 +0800 |
|---|---|---|
| committer | amzrk2 | 2020-04-13 23:25:25 +0800 |
| commit | 3078d570f6781b24b34e7793dd7d0394cb77b01f (patch) | |
| tree | fe6a2a1a5c91ac2b4610f18678d63d4de5bb1937 /assets/sass/_primer.scss | |
| parent | 7e59135bdf1707d7483e88eab90cb9e909f0190d (diff) | |
| download | hugo-theme-fuji-3078d570f6781b24b34e7793dd7d0394cb77b01f.tar.gz hugo-theme-fuji-3078d570f6781b24b34e7793dd7d0394cb77b01f.tar.bz2 hugo-theme-fuji-3078d570f6781b24b34e7793dd7d0394cb77b01f.zip | |
Use primer variables to apply fonts and containers
Diffstat (limited to 'assets/sass/_primer.scss')
| -rw-r--r-- | assets/sass/_primer.scss | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/assets/sass/_primer.scss b/assets/sass/_primer.scss new file mode 100644 index 0000000..fed5c27 --- /dev/null +++ b/assets/sass/_primer.scss @@ -0,0 +1,50 @@ +@font-face { + font-family: 'Product Sans'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local('Product Sans'), local('ProductSans-Regular'), + url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.0.0/product-sans/product-sans.woff2') format('woff2'); +} + +@font-face { + font-family: 'Product Sans'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: local('Product Sans Bold'), local('ProductSans-Bold'), + url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.0.0/product-sans/product-sans-bold.woff2') format('woff2'); +} + +@font-face { + font-family: 'Cascadia Code'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local('Cascadia Code'), local('Cascadia Mono'), + url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.0.0/cascadia-code/cascadia.woff2') format('woff2'), +} + +@font-face { + font-family: 'PingFang SC Web'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local('PingFang SC Medium'), + /* Modern Browsers */ + url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.0.0/pingfang/pingfang-medium.woff2') format('woff2'), +} + +// @primer/css/support/variables/layout.scss +// Fixed-width container variables +$container-width: 900px; +// Large screen / desktop (900 + (16 * 2)) <= container + gutters +$width-lg: 932px; + +// @primer/css/support/variables/typography.scss +// Font stacks +$body-font: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Source Han Sans SC', 'Source Han Sans CN', 'Source Han Sans', 'Microsoft YaHei', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; +// Monospace font stack +$mono-font: 'Cascadia Code', 'SFMono-Regular', Consolas, $body-font; +// The base body size +$body-font-size: 16px;
\ No newline at end of file |