contact form cleanup

assets/sass/components/_animation.scss

@@ -38,12 +38,12 @@
   30% {
     transform: rotate(0deg);
   }
+  // stylelint-enable rule-empty-line-before
 
   // pause for 3.5 out of 5 seconds
   100% {
     transform: rotate(0deg);
   }
-  // stylelint-enable rule-empty-line-before
 }
 
 @keyframes beat {
@@ -63,12 +63,12 @@
   8% {
     transform: scale(1);
   }
+  // stylelint-enable rule-empty-line-before
 
   // pause for ~9 out of 10 seconds
   100% {
     transform: scale(1);
   }
-  // stylelint-enable rule-empty-line-before
 }
 
 // modified from https://tobiasahlin.com/spinkit/

assets/sass/components/_content.scss

@@ -50,9 +50,7 @@ div#content {
   }
 
   // AnchorJS styles
-  // stylelint-disable-next-line no-descending-specificity
   a.anchorjs-link {
-    display: inline-block;
     margin-left: 0.25em;
     padding: 0 0.5em 0 0.25em;
     background: none;
@@ -70,7 +68,6 @@ div#content {
       )
     );
 
-    // stylelint-disable-next-line no-descending-specificity
     &:hover {
       @include themes.themed(
         (

assets/sass/components/_syntax.scss

@@ -127,7 +127,6 @@ div.highlight-clipboard-enabled {
 
 // Syntax Highlighting (light) - modified from Monokai Light: https://github.com/mlgill/pygments-style-monokailight
 body.light {
-  // stylelint-disable no-descending-specificity
   div.highlight,
   button.copy-button,
   :not(pre) > code {
@@ -139,7 +138,6 @@ body.light {
   button.copy-button {
     color: #313131;
   }
-  // stylelint-enable no-descending-specificity
 
   .chroma {
     .k,
@@ -215,7 +213,6 @@ body.light {
 
 // Syntax Highlighting (dark) - modified from Dracula: https://github.com/dracula/pygments
 body.dark {
-  // stylelint-disable no-descending-specificity
   div.highlight,
   button.copy-button,
   :not(pre) > code {
@@ -227,7 +224,6 @@ body.dark {
   button.copy-button {
     color: #e4e4e4;
   }
-  // stylelint-enable no-descending-specificity
 
   .chroma {
     .k,

assets/sass/pages/_contact.scss

@@ -10,11 +10,6 @@ div.layout-contact {
     text-align: center;
   }
 
-  p {
-    font-size: 0.9em;
-    margin-bottom: 0.5em;
-  }
-
   code {
     background: none !important;
     border: 0;
@@ -30,7 +25,7 @@ div.layout-contact {
     width: 100%;
     padding: 0.8em;
     margin: 0.6em 0;
-    border: 1px solid;
+    border: 2px solid;
     border-radius: 0.3em;
     font-size: 0.9em;
 
@@ -41,6 +36,16 @@ div.layout-contact {
         border-color: "light",
       )
     );
+
+    &:focus {
+      outline: none; // disable browsers' outer border
+
+      @include themes.themed(
+        (
+          border-color: "links",
+        )
+      );
+    }
   }
 
   textarea {
@@ -54,8 +59,10 @@ div.layout-contact {
   div#contact-form-action-row {
     display: flex;
     align-items: center;
+    min-height: 3.75em;
 
     button {
+      flex-shrink: 0;
       padding: 0.8em 1.2em;
       margin-right: 1.5em;
       border: 0;
@@ -71,8 +78,7 @@ div.layout-contact {
         )
       );
 
-      &:hover,
-      &:focus {
+      &:hover {
         @include themes.themed(
           (
             color: "super-duper-light",
@@ -82,13 +88,14 @@ div.layout-contact {
       }
 
       img.emoji {
+        margin-left: 0;
         margin-right: 0.4em;
         cursor: inherit;
       }
     }
 
     span.contact-form-result {
-      font-size: 0.9em;
+      font-size: 0.925em;
       font-weight: 600;
 
       &#contact-form-result-success {
@@ -110,16 +117,14 @@ div.layout-contact {
   }
 
   // hcaptcha widget
-  #contact-form-captcha {
-    display: block;
-    margin: 1.2em 0;
+  div#contact-form-captcha {
+    margin: 1em 0;
   }
 
-  span#contact-form-md-info {
-    display: block;
+  div#contact-form-md-info {
     font-size: 0.75em;
-    margin-top: 0.25em;
-    margin-left: 0.75em;
+    line-height: 1.75;
+    margin: 0.2em 0 0.6em 0;
 
     a {
       // disable fancy underline without `.no-underline`

assets/sass/pages/_list.scss

@@ -18,8 +18,7 @@ div.layout-list {
     ul {
       list-style-type: none;
       margin: 0;
-      padding-left: 0;
-      display: block;
+      padding: 0;
     }
 
     li {