css: fix stylelint complaints.

.stylelintrc.yml

@@ -1,13 +1,9 @@
 extends: "stylelint-config-standard"
 rules:
-  at-rule-empty-line-before: null
   at-rule-no-unknown: [true, ignoreAtRules: [extend, include, mixin]]
-  color-hex-case: null
+  block-opening-brace-space-before: null
-  color-hex-length: null
+  declaration-block-single-line-max-declarations: null
-  comment-empty-line-before: null
-  comment-whitespace-inside: null
-  custom-property-empty-line-before: null
-  declaration-colon-space-after: null
   declaration-empty-line-before: null
   no-descending-specificity: null
-  selector-list-comma-newline-after: always-multi-line
+  selector-descendant-combinator-no-non-space: null
+  selector-list-comma-newline-after: null

app/javascript/src/styles/base/000_vars.scss

@@ -6,10 +6,10 @@
   --text-lg: 1rem;       // 16px
   --text-xl: 1.3125rem;  // 21px
   --text-xxl: 1.75rem;   // 28px
-  --header-font: Tahoma, Verdana, Helvetica, sans-serif;
+  --header-font: "Tahoma", "Verdana", "Helvetica", sans-serif;
-  --body-font: Verdana, Helvetica, sans-serif;
+  --body-font: "Verdana", "Helvetica", sans-serif;
   --monospace-font: 0.875rem monospace; // 14px
-  --arial-font: Arial, Helvetica, sans-serif;
+  --arial-font: "Arial", "Helvetica", sans-serif;
 }
 
 $h1_padding: 0.8em 0 0.25em 0;

app/javascript/src/styles/base/010_reset.scss

@@ -17,8 +17,6 @@ h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, cod
   margin: 0;
   padding: 0;
   border: 0;
-  /*  font-weight: normal;*/
-  /*  font-style: normal;*/
   font-size: 100%;
   line-height: 1.25em;
   font-family: inherit;

app/javascript/src/styles/base/020_base.scss

@@ -141,6 +141,7 @@ a.link-plain {
 
   .column-expand { flex: 1; }
   .column-shrink { flex: 0; }
+
   @media (max-width: 660px) { display: block; }
 }
 
@@ -172,6 +173,7 @@ ul.list-inline {
 
 .mobile-only {
   display: none !important;
+
   @media (max-width: 660px) { display: initial !important; }
 }
 

app/javascript/src/styles/common/autocomplete.scss

@@ -21,8 +21,8 @@
     }
   }
 
-  /* Display a red wavy underline beneath misspelled tags. */
+  // Display a red wavy underline beneath misspelled tags.
-  /* https://stackoverflow.com/a/28152272 */
+  // https://stackoverflow.com/a/28152272
   li[data-autocomplete-type="tag-autocorrect"] .autocomplete-antecedent {
     position: relative;
     display: inline-block;

app/javascript/src/styles/common/buttons.scss

@@ -39,11 +39,11 @@ a, button, input[type="submit"] {
     border: none;
 
     transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
+    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 
     &:hover:not([disabled]) {
       background-color: var(--button-primary-hover-background-color);
-      box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12)
+      box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     }
 
     &[disabled] {
@@ -79,7 +79,7 @@ a, button, input[type="submit"] {
 
   /* A medium button. */
   &.button-md {
-    padding: 0.50em 1em;
+    padding: 0.5em 1em;
   }
 
   /* A large button. */

app/javascript/src/styles/common/dtext.scss

@@ -75,7 +75,7 @@ div.prose {
     border-left: 3px solid var(--dtext-blockquote-border-color);
 
     blockquote {
-      opacity: 1.0;
+      opacity: 1;
     }
   }
 

app/javascript/src/styles/common/utilities.scss

@@ -43,7 +43,7 @@ $spacer: 0.25rem; /* 4px */
 .right-0\.5  { right: 0.5 * $spacer; }
 
 .rounded-sm { border-radius: 0.5 * $spacer; }
-.rounded    { border-radius: 1.0 * $spacer; }
+.rounded    { border-radius: 1   * $spacer; }
 
 .m-0    { margin: 0; }
 .m-px   { margin: 1px; }

app/javascript/src/styles/specific/common_tooltips.scss

@@ -13,12 +13,12 @@ div[data-tippy-root].tooltip-loading {
 
   /* bordered arrow styling; see https://github.com/atomiks/tippyjs/blob/master/src/scss/themes/light-border.scss */
   &[data-placement^=bottom] {
-    > .tippy-arrow:before {
+    > .tippy-arrow::before {
       border-bottom-color: var(--post-tooltip-background-color);
       bottom: 16px;
     }
 
-    > .tippy-arrow:after {
+    > .tippy-arrow::after {
       border-bottom-color: var(--post-tooltip-border-color);
       border-width: 0 7px 7px;
       top: -8px;
@@ -27,11 +27,11 @@ div[data-tippy-root].tooltip-loading {
   }
 
   &[data-placement^=top] {
-    > .tippy-arrow:before {
+    > .tippy-arrow::before {
       border-top-color: var(--post-tooltip-background-color);
     }
 
-    > .tippy-arrow:after {
+    > .tippy-arrow::after {
       border-top-color: var(--post-tooltip-border-color);
       border-width: 7px 7px 0;
       top: 17px;
@@ -39,7 +39,7 @@ div[data-tippy-root].tooltip-loading {
     }
   }
 
-  > .tippy-arrow:after {
+  > .tippy-arrow::after {
     border-color: transparent;
     border-style: solid;
     content: "";

app/javascript/src/styles/specific/posts.scss

@@ -1,14 +1,14 @@
 @keyframes heartbeat {
   0% {
-    transform:scale(1);
+    transform: scale(1);
   }
 
   50% {
-    transform:scale(1.3);
+    transform: scale(1.3);
   }
 
   100% {
-    transform:scale(1);
+    transform: scale(1);
   }
 }
 

app/javascript/src/styles/specific/related_tags.scss

@@ -16,10 +16,9 @@ div.related-tags {
   }
 
   li.selected a {
-    /* https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-stroke */
+    // https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-stroke
-    /* https://caniuse.com/text-stroke */
+    // https://caniuse.com/text-stroke
     -webkit-text-stroke: 0.5px;
-    text-stroke: 0.5px;
   }
 
   /* On computers with a mouse, hide the related tag checkbox unless it's checked or hovered. */

app/javascript/src/styles/specific/user_tooltips.scss

@@ -22,7 +22,7 @@
 
       .user-tooltip-badge {
         color: var(--inverse-text-color);
-        font-size: 0.70em;
+        font-size: 0.7em;
         padding: 2px 4px;
         margin-right: 0.25em;
         border-radius: 3px;
@@ -87,7 +87,7 @@
       }
 
       .user-tooltip-stat-name {
-        font-size: 0.90em;
+        font-size: 0.9em;
         color: var(--muted-text-color);
       }
     }

package.json

@@ -52,7 +52,7 @@
   },
   "scripts": {
     "eslint-all": "yarn run eslint --plugin eslint-plugin-ignore-erb --ext .js,.js.erb app/javascript/src/javascripts",
-    "stylelint-all": "yarn run stylelint 'app/javascript/src/styles/**/*.scss'"
+    "stylelint-all": "yarn run stylelint 'app/**/*.scss'"
   },
   "babel": {
     "presets": [