minor hugo template refactoring before updating

assets/sass/components/_global.scss

@@ -27,6 +27,8 @@ body {
 }
 
 code,
+kbd,
+samp,
 pre,
 .monospace {
   font-family: settings.$font-stack-mono;
@@ -42,6 +44,8 @@ pre,
   }
 
   code,
+  kbd,
+  samp,
   pre,
   .monospace {
     font-family: settings.$font-stack-mono-variable;
@@ -55,6 +59,8 @@ pre,
 
     // Roboto Mono doesn't have this problem, but the above fix breaks it, of course.
     code,
+    kbd,
+    samp,
     pre,
     .monospace {
       font-style: italic !important;

assets/sass/pages/_contact.scss

@@ -88,7 +88,7 @@ div.layout-contact {
         );
       }
 
-      svg.emoji {
+      .emoji {
         margin-left: 0;
         margin-right: 0.4em;
         cursor: inherit;

assets/sass/pages/_home.scss

@@ -135,9 +135,13 @@ div.layout-home {
     font-weight: 500;
     letter-spacing: -0.014em;
 
-    img.emoji {
+    .emoji {
       margin-left: 0.1em; // a little extra social distancing for the hand
     }
+
+    .wave {
+      margin-left: 2px;
+    }
   }
 
   h2 {
@@ -163,7 +167,7 @@ div.layout-home {
       word-spacing: -0.3em;
       margin-right: 0.1em;
 
-      img.emoji {
+      .emoji {
         vertical-align: -0.2em; // magic number to align with text :\
         padding: 0;
       }
@@ -190,10 +194,6 @@ div.layout-home {
         )
       );
     }
-
-    &.wave {
-      margin-left: 2px;
-    }
   }
 }
 

assets/sass/pages/_single.scss

@@ -36,7 +36,7 @@ div.layout-single {
         margin-right: 0.4em;
         user-select: none;
 
-        img.emoji {
+        .emoji {
           margin-right: 0.25em;
           vertical-align: -0.22em;
           cursor: inherit;