bump some deps & comply with stylelint 14.0.0

assets/sass/components/_animation.scss

@@ -63,6 +63,7 @@
   30% {
     transform: rotate(0deg);
   }
+
   // pause for 3.5 out of 5 seconds
   100% {
     transform: rotate(0deg);
@@ -87,6 +88,7 @@
   8% {
     transform: scale(1);
   }
+
   // pause for ~9 out of 10 seconds
   100% {
     transform: scale(1);

assets/sass/components/_content.scss

@@ -34,7 +34,7 @@ div#content {
       margin-left: 0.25em;
       padding: 0 0.5em 0 0.25em;
       background: none;
-      opacity: 0;
+      opacity: 0%;
       font-weight: 300;
       line-height: 1;
 
@@ -50,7 +50,7 @@ div#content {
     }
 
     &:hover > a.anchorjs-link {
-      opacity: 1; // '#' link appears on hover over entire sub-heading line
+      opacity: 100%; // '#' link appears on hover over entire sub-heading line
     }
   }
 

assets/sass/components/_embeds.scss

@@ -1,5 +1,12 @@
 // External social embeds
 div.embed {
+  &.codepen {
+    iframe {
+      width: 100%;
+      border: 0;
+    }
+  }
+
   &.tweet {
     .twitter-tweet-rendered iframe {
       margin: 0.5em 0;
@@ -42,11 +49,4 @@ div.embed {
       margin: 0 0.5em;
     }
   }
-
-  &.codepen {
-    iframe {
-      width: 100%;
-      border: 0;
-    }
-  }
 }

assets/sass/components/_global.scss

@@ -10,7 +10,6 @@ body {
   height: 100%;
   margin: 0 auto;
   scroll-behavior: smooth;
-
   font-family: settings.$font-stack-sans;
   font-kerning: normal;
   font-variant-ligatures: normal;
@@ -86,7 +85,7 @@ main {
     // https://www.dannyguo.com/blog/animated-multiline-link-underlines-with-css/
     @each $theme, $map in themes.$themes {
       @at-root body.#{$theme} #{&} {
-        background-image: underline-hack(map-get($map, "links"));
+        background-image: underline-hack(map.get($map, "links"));
       }
     }
 
@@ -106,6 +105,7 @@ main {
     margin-top: 0;
     letter-spacing: -0.005em;
 
+    // stylelint-disable-next-line no-descending-specificity
     a {
       // disable fancy underline without `.no-underline`
       color: inherit !important;

assets/sass/components/_header.scss

@@ -44,7 +44,7 @@ header {
         @include themes.themed(color, "links");
 
         img#header-selfie {
-          opacity: 0.9;
+          opacity: 90%;
         }
       }
     }
@@ -104,7 +104,8 @@ header {
             background-repeat: no-repeat;
             background-size: 100% 100%;
 
-            height: 1.56em; // 24.33px, don't ask
+            // 24.33px, don't ask
+            height: 1.56em;
             width: 1.56em;
             margin-top: -0.05em;
             margin-left: 1.4em;
@@ -142,7 +143,7 @@ header {
 
         &:hover {
           img#header-selfie {
-            opacity: 1;
+            opacity: 100%;
           }
         }
       }

assets/sass/components/_syntax.scss

@@ -47,30 +47,6 @@ div.highlight {
   }
 }
 
-// elements dynamically added by clipboard.js code
-div.highlight-clipboard-enabled {
-  position: relative;
-
-  button.copy-button {
-    position: absolute;
-    top: 0;
-    right: 0;
-
-    width: 5.5em;
-    padding: 0.75em 0.25em;
-    border: 1px solid;
-    cursor: pointer;
-
-    font-size: 0.85em;
-    font-weight: 500;
-    line-height: 1;
-
-    &:hover {
-      @include themes.themed(color, "links");
-    }
-  }
-}
-
 // global table styles for line numbers and font styles
 .chroma {
   .lntable {
@@ -109,9 +85,9 @@ div.highlight-clipboard-enabled {
   }
 
   .kd,
-  //.nb,
-  //.nl,
-  //.nv,
+  // .nb,
+  // .nl,
+  // .nv,
   .vc,
   .vg,
   .vi,
@@ -301,3 +277,25 @@ body.dark {
     }
   }
 }
+
+// elements dynamically added by clipboard.js code
+div.highlight-clipboard-enabled {
+  position: relative;
+
+  button.copy-button {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 5.5em;
+    padding: 0.75em 0.25em;
+    border: 1px solid;
+    cursor: pointer;
+    font-size: 0.85em;
+    font-weight: 500;
+    line-height: 1;
+
+    &:hover {
+      @include themes.themed(color, "links");
+    }
+  }
+}

assets/sass/components/_typography.scss

@@ -7,6 +7,8 @@
 // https://github.com/fonttools/fonttools
 // ex: glyphhanger --whitelist="" --family="Inter" --formats=woff2,woff --subset="*.woff"
 // ex: pyftsubset --unicodes="" --layout-features=kern,liga,calt,clig,ss01 --flavor=woff --with-zopfli inter.ttf
+
+// stylelint-disable-next-line scss/operator-no-unspaced
 $unicode-subset: U+0000-00FF, U+2000-206F, U+2200-22FF, U+2122;
 
 // Webfont scaffolding