fix some stylelint'ing

assets/sass/components/_animation.scss

@@ -24,6 +24,7 @@
     display: inline-block;
     animation: loading 1.5s infinite ease-in-out both;
 
+    // stylelint-disable rule-empty-line-before
     &:nth-child(1) {
       animation-delay: -0.32s;
     }
@@ -33,12 +34,14 @@
     &:nth-child(3) {
       animation-delay: 0s;
     }
+    // stylelint-enable rule-empty-line-before
 
     @include themes.themed(background-color, "medium-light");
   }
 }
 
 @keyframes wave {
+  // stylelint-disable rule-empty-line-before
   0% {
     transform: rotate(0deg);
   }
@@ -64,9 +67,11 @@
   100% {
     transform: rotate(0deg);
   }
+  // stylelint-enable rule-empty-line-before
 }
 
 @keyframes beat {
+  // stylelint-disable rule-empty-line-before
   0% {
     transform: scale(1);
   }
@@ -86,9 +91,11 @@
   100% {
     transform: scale(1);
   }
+  // stylelint-enable rule-empty-line-before
 }
 
 @keyframes loading {
+  // stylelint-disable rule-empty-line-before
   0%,
   80%,
   100% {
@@ -97,6 +104,7 @@
   40% {
     transform: scale(0.6);
   }
+  // stylelint-enable rule-empty-line-before
 }
 
 // https://web.dev/prefers-reduced-motion/#(bonus)-forcing-reduced-motion-on-all-websites

assets/sass/components/_content.scss

@@ -105,6 +105,6 @@ div#content {
 }
 
 // Responsive
+// stylelint-disable-next-line block-no-empty
 @mixin responsive() {
-  // stylelint-disable-block block-no-empty
 }

assets/sass/components/_syntax.scss

@@ -22,6 +22,8 @@ code {
   margin: 0 0.075em !important;
   padding: 0 !important;
 }
+
+// same as above but different font weight for big titles
 h1.title code {
   font-weight: 600;
 }
@@ -80,6 +82,7 @@ div.highlight-clipboard-enabled {
     overflow: auto;
     display: block;
   }
+
   // columns
   .lntd {
     vertical-align: top;
@@ -92,16 +95,19 @@ div.highlight-clipboard-enabled {
       padding-right: 1em;
     }
   }
+
   // line numbers
   .ln,
   .lnt {
     user-select: none;
   }
+
   .gh,
   .gi,
   .gu {
     font-weight: bold;
   }
+
   .kd,
   //.nb,
   //.nl,
@@ -112,6 +118,7 @@ div.highlight-clipboard-enabled {
   .ge {
     font-style: italic;
   }
+
   .gl {
     text-decoration: underline;
   }
@@ -144,6 +151,7 @@ body.light {
     .no {
       color: #029cb9;
     }
+
     .na,
     .nc,
     .nd,
@@ -152,12 +160,14 @@ body.light {
     .nx {
       color: #70a800;
     }
+
     .nt,
     .o,
     .ow,
     .kn {
       color: #f92672;
     }
+
     .l,
     .se,
     .m,
@@ -169,6 +179,7 @@ body.light {
     .mo {
       color: #ae81ff;
     }
+
     .ld,
     .s,
     .sa,
@@ -185,6 +196,7 @@ body.light {
     .ss {
       color: #d88200;
     }
+
     .c,
     .ch,
     .cm,
@@ -194,6 +206,7 @@ body.light {
     .cpf {
       color: #75715e;
     }
+
     .lnt {
       color: #8a8a8a;
     }
@@ -227,6 +240,7 @@ body.dark {
     .no {
       color: #3b9dd2;
     }
+
     .na,
     .nc,
     .nd,
@@ -235,12 +249,14 @@ body.dark {
     .nx {
       color: #78df55;
     }
+
     .nt,
     .o,
     .ow,
     .kn {
       color: #f95757;
     }
+
     .l,
     .se,
     .m,
@@ -252,6 +268,7 @@ body.dark {
     .mo {
       color: #d588fb;
     }
+
     .ld,
     .s,
     .sa,
@@ -268,6 +285,7 @@ body.dark {
     .ss {
       color: #fd992a;
     }
+
     .c,
     .ch,
     .cm,
@@ -277,6 +295,7 @@ body.dark {
     .cpf {
       color: #929292;
     }
+
     .lnt {
       color: #b1b1b1;
     }

assets/sass/pages/_fourOhFour.scss

@@ -21,6 +21,6 @@ div.layout-404 {
 }
 
 // Responsive
+// stylelint-disable-next-line block-no-empty
 @mixin responsive() {
-  // stylelint-disable-block block-no-empty
 }