add various linters

assets/sass/pages/_home.scss

@@ -8,6 +8,16 @@ body#home {
   max-width: 1070px;
   padding: 50px 65px;
 
+  a {
+    // Loop through $colors-home -- the main reason I switched to SASS :)
+    @each $id, $color in $colors-home {
+      &##{$id} {
+        color: $color;
+        background-image: underline-hack($color);
+      }
+    }
+  }
+
   h1 {
     margin: 0;
     font-size: 1.5em;
@@ -47,16 +57,6 @@ body#home {
     height: 160px;
   }
 
-  a {
-    // Loop through $colors-home -- the main reason I switched to SASS :)
-    @each $id, $color in $colors-home {
-      &##{$id} {
-        color: $color;
-        background-image: underline-hack($color);
-      }
-    }
-  }
-
   // easter egg emoji cursor
   a#birthday {
     &:hover {
@@ -94,22 +94,6 @@ body#home {
         }
       }
 
-      &#panda {
-        width: 20%;
-        text-align: center;
-        font-size: 1.25em;
-        line-height: 1.4;  // magic numbers don't judge
-
-        a {
-          display: inline-block;
-          transition: transform 0.2s ease-in-out;
-
-          &:hover {
-            transform: scale(1.6) rotate(10deg);
-          }
-        }
-      }
-
       &#info {
         width: 40%;
         text-align: right;
@@ -125,6 +109,22 @@ body#home {
           }
         }
       }
+
+      &#panda {
+        width: 20%;
+        text-align: center;
+        font-size: 1.25em;
+        line-height: 1.4;  // magic numbers don't judge
+
+        a {
+          display: inline-block;
+          transition: transform 0.2s ease-in-out;
+
+          &:hover {
+            transform: scale(1.6) rotate(10deg);
+          }
+        }
+      }
     }
   }
 

assets/sass/pages/_notes.scss

@@ -33,7 +33,6 @@ body#notes {
         svg {
           width: 30px;
           height: 45px;
-          width: auto;
         }
 
         span#name {
@@ -78,6 +77,7 @@ body#notes {
     display: flex;
     justify-content: space-between;
 
+    /* stylelint-disable-next-line no-descending-specificity */
     a {
       color: inherit;
     }
@@ -122,20 +122,6 @@ body#notes {
 
   main {
     &#single article div {
-      &#info {
-        text-align: center;
-
-        h1 {
-          margin: 0.3em 0;
-          font-size: 2em;
-          line-height: 1.4;
-
-          a {
-            color: inherit;
-          }
-        }
-      }
-
       &#meta {
         color: $color-light;
         font-size: 0.85em;
@@ -157,6 +143,20 @@ body#notes {
         }
       }
 
+      &#info {
+        text-align: center;
+
+        h1 {
+          margin: 0.3em 0;
+          font-size: 2em;
+          line-height: 1.4;
+
+          a {
+            color: inherit;
+          }
+        }
+      }
+
       &#content {
         line-height: 1.8;
 
@@ -275,12 +275,14 @@ body#notes {
     &#archive section.year {
       font-size: 1.1em;
 
+      /* stylelint-disable-next-line no-descending-specificity */
       ul {
         list-style-type: none;
         padding-left: 0;
         display: block;
       }
 
+      /* stylelint-disable-next-line no-descending-specificity */
       li {
         display: flex;
 
@@ -296,15 +298,18 @@ body#notes {
           clear: both;
         }
 
+        /* stylelint-disable-next-line no-descending-specificity */
         &:last-child {
           margin-bottom: 1.8em;
         }
 
+        /* stylelint-disable-next-line no-descending-specificity */
         + li {
           margin-top: 1.3em;
         }
       }
 
+      /* stylelint-disable-next-line no-descending-specificity */
       h2 {
         font-size: 1.8em;
       }