css: fix stylelint issues.

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

@@ -17,8 +17,8 @@ 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-weight: normal;*/
-/*  font-style: normal;*/
+  /*  font-style: normal;*/
   font-size: 100%;
   line-height: 1.25em;
   font-family: inherit;
@@ -33,7 +33,7 @@ ol, ul {
   list-style: none;
 }
 
-q:before, q:after, blockquote:before, blockquote:after {
+q::before, q::after, blockquote::before, blockquote::after {
   content: "";
 }
 

app/javascript/src/styles/base/040_colors.css

@@ -26,7 +26,7 @@
   --form-button-background: #EEE;
   --form-button-border: var(--form-input-border);
   --form-button-hover-background: #F5F5F5;
-  --form-button-hover-box-shadow: 0px 0px 2px grey;
+  --form-button-hover-box-shadow: 0 0 2px grey;
   --form-button-active-background: #DDD;
   --form-button-active-border: var(--form-button-border);
   --form-button-active-color: var(--form-button-text-color);
@@ -73,10 +73,10 @@
   --post-tooltip-header-background-color: var(--subnav-menu-background-color);
   --post-tooltip-info-color: #555;
   --post-tooltip-scrollbar-background: #999999;
-  --post-tooltip-scrollbar-border: 0px none white;
+  --post-tooltip-scrollbar-border: 0 none white;
   --post-tooltip-scrollbar-thumb-color: #AAAAAA;
   --post-tooltip-scrollbar-track-background: #EEEEEE;
-  --post-tooltip-scrollbar-track-border: 0px none white;
+  --post-tooltip-scrollbar-track-border: 0 none white;
 
   --preview-current-post-background: rgba(0, 0, 0, 0.1);
 
@@ -213,9 +213,6 @@
   --selected-related-tag-color: white;
 }
 
-body[data-user-theme="light"] {
-}
-
 /* variables that aren't defined in the dark theme fall back to the :root theme */
 body[data-user-theme="dark"] {
   --grey-1:   #1f202c; /* hsluv(265, 15, 12.50); */
@@ -324,7 +321,7 @@ body[data-user-theme="dark"] {
   --form-button-background: var(--grey-5);
   --form-button-border: 1px solid var(--grey-4);
   --form-button-hover-background: white;
-  --form-button-hover-box-shadow: 0px 0px 2px var(--grey-5);
+  --form-button-hover-box-shadow: 0 0 2px var(--grey-5);
   --form-button-active-background: var(--grey-5);
   --form-button-active-border: 1px solid var(--grey-5);
   --form-button-active-color: white;
@@ -337,7 +334,7 @@ body[data-user-theme="dark"] {
 
   --jquery-ui-widget-content-text-color: var(--text-color);
   --jquery-ui-widget-content-background: var(--grey-2);
-  --jquery-ui-dialog-box-shadow: 0px 0px 8px var(--grey-1);
+  --jquery-ui-dialog-box-shadow: 0 0 8px var(--grey-1);
 
   --keyboard-shortcut-color: var(--text-color);
   --keyboard-shortcut-background-color: var(--grey-2);

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

@@ -11,7 +11,7 @@
   }
 
   .ui-menu-item-wrapper {
-    padding: 3px .5em 3px .4em;
+    padding: 3px 0.5em 3px 0.4em;
 
     a {
       margin-right: 1em;

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

@@ -18,9 +18,7 @@
   .removed.obsolete, .removed.obsolete a {
     color: var(--diff-list-obsolete-removed-color);
   }
-}
 
-.diff-list {
   ins, ins a {
     color: var(--diff-list-added-color);
     text-decoration: none;

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

@@ -49,7 +49,7 @@ div.prose {
   li {
     list-style-type: disc;
   }
-  
+
   pre {
     font-family: monospace;
     font-size: 1.2em;

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

@@ -19,7 +19,6 @@ kbd.key {
   border: 1px solid var(--keyboard-shortcut-background-color);
   padding: 1px 6px;
   color: var(--keyboard-shortcut-color);
-/*  width: 1em;*/
   text-align: center;
   display: inline-block;
   border-radius: 3px;

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

@@ -22,7 +22,7 @@
 }
 
 div.ui-dialog {
-  height: auto! important;
+  height: auto !important;
   overflow: visible;
   font-size: 1em;
   z-index: 999 !important;

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

@@ -52,7 +52,13 @@ div.clearfix {
   @media (max-width: 660px) {
     flex-direction: column;
 
-    #content { order: 1; padding: 0; }
+    #content {
-    #sidebar { order: 2; }
+      order: 1;
+      padding: 0;
+    }
+
+    #sidebar {
+      order: 2;
+    }
   }
 }

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

@@ -5,7 +5,7 @@
 header#top {
   h1 {
     font-size: 2.5em;
-    margin: 0px 30px;
+    margin: 0 30px;
   }
 
   menu {

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

@@ -29,7 +29,7 @@ form.simple_form {
 
     &.text {
       .hint {
-        padding-left: 0em;
+        padding-left: 0;
         display: block;
       }
     }

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

@@ -2,4 +2,4 @@
   .section {
     margin-bottom: 2em;
   }
-}
+}

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

@@ -29,7 +29,7 @@ div.comments-for-post {
         opacity: 0.3;
 
         &:hover {
-          opacity: 1.0;
+          opacity: 1;
         }
       }
     }
@@ -53,7 +53,7 @@ div#c-comments {
         div.preview {
           position: relative;
 
-          &:before {
+          &::before {
             @include animated-icon;
           }
         }
@@ -63,7 +63,7 @@ div#c-comments {
         div.preview {
           position: relative;
 
-          &:before {
+          &::before {
             @include sound-icon;
           }
         }

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

@@ -2,4 +2,4 @@
   textarea {
     height: 10em;
   }
-}
+}

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

@@ -45,7 +45,7 @@ div#c-forum-topics {
     color: var(--forum-level-restricted-topic-color);
     font-weight: bold;
   }
-  
+
   tr.forum-topic-row td:last-child {
     white-space: nowrap;
   }

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

@@ -2,4 +2,4 @@
   section {
     margin-bottom: 2em;
   }
-}
+}

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

@@ -9,14 +9,14 @@ $tooltip-width: 164px * 3 - 10; // 3 thumbnails wide.
   }
 
   &::-webkit-scrollbar-button {
-    width: 0px;
+    width: 0;
-    height: 0px;
+    height: 0;
   }
 
   &::-webkit-scrollbar-thumb {
     background: var(--post-tooltip-scrollbar-background);
     border: none;
-    border-radius: 0px;
+    border-radius: 0;
   }
 
   &::-webkit-scrollbar-thumb:hover {
@@ -30,7 +30,7 @@ $tooltip-width: 164px * 3 - 10; // 3 thumbnails wide.
   &::-webkit-scrollbar-track {
     background: var(--post-tooltip-scrollbar-track-background);
     border: none;
-    border-radius: 0px;
+    border-radius: 0;
   }
 
   &::-webkit-scrollbar-track:hover {
@@ -46,7 +46,6 @@ $tooltip-width: 164px * 3 - 10; // 3 thumbnails wide.
   }
 }
 
-
 .post-tooltip {
   max-width: $tooltip-width;
   min-width: $tooltip-width;

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

@@ -4,9 +4,11 @@
   0% {
     transform:scale(1);
   }
+
   50% {
     transform:scale(1.3);
   }
+
   100% {
     transform:scale(1);
   }
@@ -41,19 +43,19 @@ article.post-preview {
   }
 
   .desc {
-   font-size: 80%;
+    font-size: 80%;
-   margin-bottom: 0;
+    margin-bottom: 0;
   }
 
   img {
     margin: auto;
   }
 
-  &[data-tags~=animated]:before, &[data-file-ext=swf]:before, &[data-file-ext=webm]:before, &[data-file-ext=mp4]:before, &[data-file-ext=zip]:before {
+  &[data-tags~=animated]::before, &[data-file-ext=swf]::before, &[data-file-ext=webm]::before, &[data-file-ext=mp4]::before, &[data-file-ext=zip]::before {
     @include animated-icon;
   }
 
-  &[data-has-sound=true]:before {
+  &[data-has-sound=true]::before {
     @include sound-icon;
   }
 }
@@ -89,12 +91,11 @@ table article.post-preview {
   &.post-status-has-parent img {
     border-color: var(--preview-has-parent-color);
   }
-  
+
   &.post-status-has-children.post-status-has-parent img {
     border-color: var(--preview-has-children-color) var(--preview-has-parent-color) var(--preview-has-parent-color) var(--preview-has-children-color);
   }
 
-
   &.post-status-deleted img {
     border-color: var(--preview-deleted-color);
   }
@@ -111,7 +112,6 @@ table article.post-preview {
     border-color: var(--preview-has-children-color) var(--preview-deleted-color) var(--preview-deleted-color) var(--preview-has-parent-color);
   }
 
-
   /* Pending and flagged posts have blue borders (except in the modqueue). */
   &.post-status-pending:not(.mod-queue-preview) img,
   &.post-status-flagged:not(.mod-queue-preview) img {
@@ -160,7 +160,7 @@ body[data-user-can-approve-posts="true"] .post-preview {
 #has-parent-relationship-preview, #has-children-relationship-preview {
   overflow-x: auto;
   white-space: nowrap;
-  
+
   article.post-preview {
     width: auto;
     border: none;
@@ -280,13 +280,13 @@ div#c-posts {
     display: flex;
 
     input {
-      min-width: 0px;
+      min-width: 0;
     }
 
     #search-box-submit {
       padding: 2px 6px;
       border-left: none;
-      border-radius: 0px;
+      border-radius: 0;
     }
   }
 
@@ -421,7 +421,7 @@ div#c-posts {
 div#c-post-versions, div#c-artist-versions {
   div#a-index {
     a {
-      word-wrap: break-word
+      word-wrap: break-word;
     }
   }
 }

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

@@ -19,10 +19,7 @@ div#c-user-upgrades {
           width: 10em;
         }
 
-        colgroup#basic {
+        colgroup#gold {
-        }
-
-        colgroup#gold  {
           background-color: var(--user-upgrade-gold-background-color);
         }
 

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

@@ -78,7 +78,7 @@
 
   article.post-preview {
     float: none;
-    margin: 0; 
+    margin: 0;
     text-align: center;
     vertical-align: middle;
     display: inline-block;