Added better font for text (Iosevka Aile)

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 @@
-$font-size: 17px;
+$font-fam--text: 'Iosevka Aile', 'IBM Plex Sans', 'Open Sans', 'Segoe UI', 'Droid Sans',
+    Roboto, Oxygen, 'Helvetica Neue', Helvetica, Tahoma, Arial, sans-serif;
+$font-fam--mono: 'Iosevka Term SS09', 'Lucida Console', 'Courier New', Courier,
+    monospace;
+$font-size: 16px;
 $line-height: 1.7;
 
-$code-block--font-size: $font-size - 1;
+$code-block--font-size: 16px;
 $code-block--line-height: 1.4;
 
-$content--width: 80ch;
+$content--width: 42em;
 $content--h1--font-size: $font-size + 1;
 
-$subcontent--indent: 4ch;
+$subcontent--indent: 2em;
 
 $container--pad-h: 2rem;
 $container--pad-h--sm: 1rem;
@@ -15,18 +19,18 @@ $container--pad-v: $line-height * 2rem;
 $container--pad-v--sm: $line-height * 1rem;
 
 $nav--font-size: $font-size - 1;
-$nav--item--spacing: 4ch;
-$nav--item--spacing--sm: 3ch;
-$nav--item--pad-h: 1ch;
-$nav--item--pad-v: .8em;
+$nav--item--spacing: 2em;
+$nav--item--spacing--sm: 1.5em;
+$nav--item--pad-h: .5em;
+$nav--item--pad-v: .9em;
 
 $footer--pad-v: .8em;
 
-$page--item-prefix--max-chars: 3ch;
-$page--item-prefix--pad: 2ch;
+$page--item-prefix--max-chars: 1.5em;
+$page--item-prefix--pad: 1em;
 $page--item-prefix--width: $page--item-prefix--max-chars + $page--item-prefix--pad;
 
-$page--item-prefix--max-chars--sm: 2ch;
+$page--item-prefix--max-chars--sm: 1em;
 $page--item-prefix--width--sm: $page--item-prefix--max-chars--sm + $page--item-prefix--pad;
 
 $breakpoints: (