diff options
| author | somhairle <[email protected]> | 2026-04-21 20:40:27 +0800 |
|---|---|---|
| committer | Somhairle H. Marisol <[email protected]> | 2026-05-24 17:24:57 +0800 |
| commit | ad8f9f55ea79a4d587aecc69698808da82de3d62 (patch) | |
| tree | d25c0db712e6f015d850627ff957edea44c64f94 /themes/theme/source/css/variable.styl | |
| download | blog-ad8f9f55ea79a4d587aecc69698808da82de3d62.tar.gz | |
二〇二六年四月二十一日
Diffstat (limited to 'themes/theme/source/css/variable.styl')
| -rw-r--r-- | themes/theme/source/css/variable.styl | 72 |
1 files changed, 72 insertions, 0 deletions
diff --git a/themes/theme/source/css/variable.styl b/themes/theme/source/css/variable.styl new file mode 100644 index 00000000..f8af5332 --- /dev/null +++ b/themes/theme/source/css/variable.styl @@ -0,0 +1,72 @@ +// PIXEL +$px = 0.0625rem + +$line-primary = 4px +$line-secondary = 2px +$line-third = 1px + +$icon-size = 20*$px + +$margin-primary = 48*$px +$margin-l-2 = 40*$px +$margin-l-1 = 32*$px +$margin-l-0 = 24*$px +$margin-m-2 = 16*$px +$margin-m-1 = 12*$px +$margin-m-0 = 8*$px +$margin-s-2 = 4*$px +$margin-s-1 = 2*$px +$margin-s-0 = 1*$px + +$font-family = 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif + +$font-weight-light = 300 +$font-weight-regular = 400 +$font-weight-medium = 500 +$font-weight-semibold = 600 +$font-weight-bold = 700 + +$font-size-header = 13*$px +$font-size-footer = 11*$px + +$font-size-heading-h1 = 26*$px +$font-size-heading-h2 = 22*$px +$font-size-heading-h3 = 17*$px +$font-size-heading-h4 = 15*$px +$font-size-heading-h5 = 14*$px +$font-size-heading-h6 = 14*$px + +$font-size-body = 15*$px + +$font-size-code = 13*$px + +$font-size-comment = 13*$px + +$font-size-post-date = 13*$px +$font-size-year-title = 26*$px +$font-size-post-tag = 11*$px + +$font-size-blockquote-footer = 11*$px + +$line-height-header = 18*$px +$line-height-footer = 18*$px + +$line-height-heading-h1 = 32*$px +$line-height-heading-h2 = 28*$px +$line-height-heading-h3 = 22*$px +$line-height-heading-h4 = 20*$px +$line-height-heading-h5 = 18*$px +$line-height-heading-h6 = 18*$px + +$line-height-body = 22*$px + +$line-height-code = 15*$px + +$line-height-post-date = 18*$px +$line-height-year-title = 32*$px +$line-height-post-tag = 14*$px + +$transition-duration = 200ms +$header-height = 48*$px + + |
