diff options
Diffstat (limited to 'assets/css/_vars.scss')
-rw-r--r-- | assets/css/_vars.scss | 26 |
1 files changed, 15 insertions, 11 deletions
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss index f40faad..ea831a6 100644 --- a/assets/css/_vars.scss +++ b/assets/css/_vars.scss | |||
@@ -1,13 +1,17 @@ | |||
1 | $font-size: 17px; | 1 | $font-fam--text: 'Iosevka Aile', 'IBM Plex Sans', 'Open Sans', 'Segoe UI', 'Droid Sans', |
2 | Roboto, Oxygen, 'Helvetica Neue', Helvetica, Tahoma, Arial, sans-serif; | ||
3 | $font-fam--mono: 'Iosevka Term SS09', 'Lucida Console', 'Courier New', Courier, | ||
4 | monospace; | ||
5 | $font-size: 16px; | ||
2 | $line-height: 1.7; | 6 | $line-height: 1.7; |
3 | 7 | ||
4 | $code-block--font-size: $font-size - 1; | 8 | $code-block--font-size: 16px; |
5 | $code-block--line-height: 1.4; | 9 | $code-block--line-height: 1.4; |
6 | 10 | ||
7 | $content--width: 80ch; | 11 | $content--width: 42em; |
8 | $content--h1--font-size: $font-size + 1; | 12 | $content--h1--font-size: $font-size + 1; |
9 | 13 | ||
10 | $subcontent--indent: 4ch; | 14 | $subcontent--indent: 2em; |
11 | 15 | ||
12 | $container--pad-h: 2rem; | 16 | $container--pad-h: 2rem; |
13 | $container--pad-h--sm: 1rem; | 17 | $container--pad-h--sm: 1rem; |
@@ -15,18 +19,18 @@ $container--pad-v: $line-height * 2rem; | |||
15 | $container--pad-v--sm: $line-height * 1rem; | 19 | $container--pad-v--sm: $line-height * 1rem; |
16 | 20 | ||
17 | $nav--font-size: $font-size - 1; | 21 | $nav--font-size: $font-size - 1; |
18 | $nav--item--spacing: 4ch; | 22 | $nav--item--spacing: 2em; |
19 | $nav--item--spacing--sm: 3ch; | 23 | $nav--item--spacing--sm: 1.5em; |
20 | $nav--item--pad-h: 1ch; | 24 | $nav--item--pad-h: .5em; |
21 | $nav--item--pad-v: .8em; | 25 | $nav--item--pad-v: .9em; |
22 | 26 | ||
23 | $footer--pad-v: .8em; | 27 | $footer--pad-v: .8em; |
24 | 28 | ||
25 | $page--item-prefix--max-chars: 3ch; | 29 | $page--item-prefix--max-chars: 1.5em; |
26 | $page--item-prefix--pad: 2ch; | 30 | $page--item-prefix--pad: 1em; |
27 | $page--item-prefix--width: $page--item-prefix--max-chars + $page--item-prefix--pad; | 31 | $page--item-prefix--width: $page--item-prefix--max-chars + $page--item-prefix--pad; |
28 | 32 | ||
29 | $page--item-prefix--max-chars--sm: 2ch; | 33 | $page--item-prefix--max-chars--sm: 1em; |
30 | $page--item-prefix--width--sm: $page--item-prefix--max-chars--sm + $page--item-prefix--pad; | 34 | $page--item-prefix--width--sm: $page--item-prefix--max-chars--sm + $page--item-prefix--pad; |
31 | 35 | ||
32 | $breakpoints: ( | 36 | $breakpoints: ( |