diff options
author | Thomas Lange <code@nerdmind.de> | 2021-07-05 01:43:18 +0200 |
---|---|---|
committer | Thomas Lange <code@nerdmind.de> | 2021-07-05 01:43:18 +0200 |
commit | cb6e45b130bde70458ee544069834a951214037d (patch) | |
tree | 47323057dd74b995ae0cb908cdf760e3d6904ad6 /theme/admin/rsrc/css/import/_variables.scss | |
parent | 7f1223c36bf1ebfd6c22265ed9aec630e5a054bb (diff) | |
download | blog-cb6e45b130bde70458ee544069834a951214037d.tar.gz blog-cb6e45b130bde70458ee544069834a951214037d.tar.xz blog-cb6e45b130bde70458ee544069834a951214037d.zip |
Add SCSS variables and do some minor optimizations
This commit adds and uses variables for the SCSS files. Additionally,
some minor optimizations have been done on the theme's HTML/CSS code.
Diffstat (limited to 'theme/admin/rsrc/css/import/_variables.scss')
-rw-r--r-- | theme/admin/rsrc/css/import/_variables.scss | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/theme/admin/rsrc/css/import/_variables.scss b/theme/admin/rsrc/css/import/_variables.scss new file mode 100644 index 0000000..70a8424 --- /dev/null +++ b/theme/admin/rsrc/css/import/_variables.scss @@ -0,0 +1,31 @@ +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Line height +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +$lineHeight: 1.2rem; + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Font families +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +$fontFamily: "Ruda", "sans-serif"; +$fontFamilyTextarea: "Kadwa", "sans-serif"; +$fontFamilyMonospaced: "monospace"; + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Text font sizes +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +$fontSize: 0.7rem; +$fontSizeSmall: $fontSize - 0.1rem; +$fontSizeLarge: $fontSize + 0.1rem; + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Heading font sizes +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +$fontSizeH1: 0.80rem; +$fontSizeH2: 0.70rem; +$fontSizeH3: 0.65rem; + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Content widths +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +$contentWidth: 50rem; +$contentWidthWide: 90rem; |