style updates

assets/sass/abstracts/_settings.scss

@@ -23,13 +23,13 @@ $webfont-unicode-latin-only: (
 // https://markdotto.com/2018/02/07/github-system-fonts/
 // stylelint-disable-next-line value-keyword-case
 $system-fonts-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif;
-$system-fonts-monospace: ui-monospace, "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", "Courier", monospace;
+$system-fonts-mono: ui-monospace, "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", "Courier", monospace;
 
 // Prefer web fonts with system fonts as backup:
 $font-stack-sans: list.join($webfont-sans, $system-fonts-sans);
-$font-stack-variable: list.join($webfont-sans-variable, $system-fonts-sans);
-$font-stack-mono: list.join($webfont-mono, $system-fonts-monospace);
-$font-stack-mono-variable: list.join($webfont-mono-variable, $system-fonts-monospace);
+$font-stack-sans-variable: list.join($webfont-sans-variable, $font-stack-sans);
+$font-stack-mono: list.join($webfont-mono, $system-fonts-mono);
+$font-stack-mono-variable: list.join($webfont-mono-variable, $font-stack-mono);
 
 // Fancy link underline settings:
 $link-underline-opacity: 40%;

assets/sass/abstracts/_themes.scss

@@ -6,7 +6,7 @@
 // Takes a map of CSS properties and theme keys (see below) and set both body.light and body.dark selectors.
 // ex. @include themes.themed((color: "text", background-color: "background-inner"));
 // Also accepts additional transitions (in shorthand) to tack on.
-@mixin themed($properties, $addTransitions: ()) {
+@mixin themed($properties, $moreTransitions: ()) {
   // generate CSS transition shorthand for each themed property w/ default duration and function
   $defaults: ();
   @each $property, $color in $properties {
@@ -15,7 +15,7 @@
   }
 
   // list all transitions separated by commas (with additional shorthand(s) passed in)
-  transition: list.join($addTransitions, $defaults, $separator: comma);
+  transition: list.join($moreTransitions, $defaults, $separator: comma);
 
   // keep track of the original selector(s) calling this mixin for below
   $selectors: #{&};

assets/sass/abstracts/_typography.scss

@@ -8,8 +8,9 @@
  * Inter typeface - https://rsms.me/inter/
  *
  * Copyright (c) 2016-2020 The Inter Project Authors.
+ * "Inter" is trademark of Rasmus Andersson.
  * Licensed under the SIL Open Font License, Version 1.1:
- * https://github.com/rsms/inter/blob/master/LICENSE.txt
+ * https://scripts.sil.org/OFL
  */
 
 // Variable
@@ -25,11 +26,11 @@
 @include Inter.fontFace($fontName: "Inter", $weight: 700, $unicodeMap: settings.$webfont-unicode-latin-only);
 
 /*!
- * Roboto Mono typeface - https://fonts.google.com/specimen/Roboto+Mono
+ * Roboto Mono typeface - https://github.com/googlefonts/robotomono
  *
  * Copyright (c) 2015 The Roboto Mono Project Authors.
  * Licensed under the Apache License, Version 2.0:
- * https://github.com/google/fonts/blob/main/apache/robotomono/LICENSE.txt
+ * https://www.apache.org/licenses/LICENSE-2.0
  */
 
 // Variable
@@ -50,7 +51,7 @@
  *
  * Copyright (c) 2014 The Comic Neue Project Authors.
  * Licensed under the SIL Open Font License, Version 1.1:
- * https://github.com/crozynski/comicneue/blob/master/OFL.txt
+ * https://scripts.sil.org/OFL
  */
 
 @include ComicNeue.fontFace($fontName: "Comic Neue", $weight: 400, $unicodeMap: settings.$webfont-unicode-latin-only);

assets/sass/components/_global.scss

@@ -46,7 +46,7 @@ pre,
 // https://caniuse.com/#feat=variable-fonts
 @supports (font-variation-settings: normal) {
   body {
-    font-family: settings.$font-stack-variable;
+    font-family: settings.$font-stack-sans-variable;
     font-optical-sizing: auto;
   }
 
@@ -104,7 +104,7 @@ main {
       $properties: (
         color: "links",
       ),
-      $addTransitions: (
+      $moreTransitions: (
         background-size 0.25s ease-in-out,
       )
     );