1 files changed, 32 insertions, 32 deletions

diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index c061f4f..96e56c6 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -1,27 +1,27 @@
 $font-size: 17px;
-$nav-font-size: $font-size - 1;
-$code-block-font-size: $font-size - 1;
-$content-h1-font-size: $font-size + 1;
-
 $line-height: 1.5;
-$code-block-line-height: 1.4;
 
-$content-width: 80ch;
+$code-block--font-size: $font-size - 1;
+$code-block--line-height: 1.4;
+
+$content--width: 80ch;
+$content--h1--font-size: $font-size + 1;
 
-$container-pad-h: 2rem;
-$container-pad-h-sm: 1rem;
-$container-pad-v: $line-height * 2rem;
+$subcontent--indent: 4ch;
 
-$nav-item-spacing: 4ch;
-$nav-item-spacing-sm: 3ch;
-$nav-item-pad-h: 1ch;
-$nav-item-pad-v: 1em;
+$container--pad-h: 2rem;
+$container--pad-h-sm: 1rem;
+$container--pad-v: $line-height * 2rem;
 
-$page-item-prefix-max-chars: 3ch;
-$page-item-prefix-pad: 2ch;
-$page-item-prefix-width: $page-item-prefix-max-chars + $page-item-prefix-pad;
+$nav--font-size: $font-size - 1;
+$nav--item--spacing: 4ch;
+$nav--item--spacing-sm: 3ch;
+$nav--item--pad-h: 1ch;
+$nav--item--pad-v: 1em;
 
-$subcontent-indent: 4ch;
+$page--item-prefix--max-chars: 3ch;
+$page--item-prefix--pad: 2ch;
+$page--item-prefix--width: $page--item-prefix--max-chars + $page--item-prefix--pad;
 
 $breakpoints: (
   xs: 380px,
@@ -45,24 +45,24 @@ $breakpoints: (
   --fg-plus: var(--gray5);
   --fg-plus-2: var(--gray6);
 
-  --heading-fg: var(--fg-plus-2);
+  --heading--fg: var(--fg-plus-2);
 
-  --select-bg: hsla(270, 2%, 100%, 0.996);
-  --select-fg: var(--bg-minus);
+  --select--bg: hsla(270, 2%, 100%, 0.996);
+  --select--fg: var(--bg-minus);
 
-  --code-fg: var(--fg-minus);
-  --code-block-fg: var(--fg-minus);
+  --code--fg: var(--fg-minus);
+  --code-block--fg: var(--fg-minus);
 
-  --page-item-prefix-fg: var(--fg-minus);
+  --page--item-prefix--fg: var(--fg-minus);
 
-  --link-idle-fg: var(--fg-plus-2); //#90acf2;
-  --link-visited-fg: var(--fg-plus); //#bc9df2;
-  --link-hover-bg: var(--fg-plus-2);
-  --link-hover-fg: var(--bg-minus);
+  --link--idle--fg: var(--fg-plus-2); //#90acf2;
+  --link--visited--fg: var(--fg-plus); //#bc9df2;
+  --link--hover--bg: var(--fg-plus-2);
+  --link--hover--fg: var(--bg-minus);
 
-  --nav-bg: var(--bg-minus);
-  --nav-logo-fg: var(--fg-minus);
-  --nav-item-idle-fg: var(--fg);
-  --nav-item-hover-fg: var(--fg-plus-2);
-  --nav-item-active-fg: var(--fg-plus-2);
+  --nav--bg: var(--bg-minus);
+  --nav--logo--fg: var(--fg-minus);
+  --nav--item--idle--fg: var(--fg);
+  --nav--item--hover--fg: var(--fg-plus-2);
+  --nav--item--active--fg: var(--fg-plus-2);
 }