From b9c869f3e49159f7212bad838254b4d24b4722b4 Mon Sep 17 00:00:00 2001
From: evazion <noizave@gmail.com>
Date: Wed, 2 Oct 2019 01:49:48 -0500
Subject: [PATCH] css: fix stylelint issues.

---
 app/javascript/src/styles/base/010_reset.scss |  6 ++---
 app/javascript/src/styles/base/040_colors.css | 13 +++++------
 .../src/styles/common/autocomplete.scss       |  2 +-
 app/javascript/src/styles/common/diffs.scss   |  2 --
 app/javascript/src/styles/common/dtext.scss   |  2 +-
 app/javascript/src/styles/common/inline.scss  |  1 -
 .../src/styles/common/jquery_ui_custom.scss   |  2 +-
 .../src/styles/common/main_layout.scss        | 10 +++++++--
 .../src/styles/common/page_header.scss        |  2 +-
 .../src/styles/common/simple_form.scss        |  2 +-
 .../src/styles/specific/admin_dashboards.scss |  2 +-
 .../src/styles/specific/comments.scss         |  6 ++---
 .../src/styles/specific/favorite_groups.scss  |  2 +-
 app/javascript/src/styles/specific/forum.scss |  2 +-
 .../src/styles/specific/meta_searches.scss    |  2 +-
 .../src/styles/specific/post_tooltips.scss    |  9 ++++----
 app/javascript/src/styles/specific/posts.scss | 22 +++++++++----------
 .../specific/user_name_change_requests.scss   |  0
 .../src/styles/specific/user_upgrades.scss    |  5 +----
 .../src/styles/specific/z_responsive.scss     |  2 +-
 20 files changed, 45 insertions(+), 49 deletions(-)
 delete mode 100644 app/javascript/src/styles/specific/user_name_change_requests.scss

diff --git a/app/javascript/src/styles/base/010_reset.scss b/app/javascript/src/styles/base/010_reset.scss
index 67f172277..64d708b30 100644
--- a/app/javascript/src/styles/base/010_reset.scss
+++ b/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-style: normal;*/
+  /*  font-weight: 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: "";
 }
 
diff --git a/app/javascript/src/styles/base/040_colors.css b/app/javascript/src/styles/base/040_colors.css
index bfe27ed72..457cb57c6 100644
--- a/app/javascript/src/styles/base/040_colors.css
+++ b/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);
diff --git a/app/javascript/src/styles/common/autocomplete.scss b/app/javascript/src/styles/common/autocomplete.scss
index f04d3112a..6ca29663e 100644
--- a/app/javascript/src/styles/common/autocomplete.scss
+++ b/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;
diff --git a/app/javascript/src/styles/common/diffs.scss b/app/javascript/src/styles/common/diffs.scss
index 1cfdad042..2c8f99fa4 100644
--- a/app/javascript/src/styles/common/diffs.scss
+++ b/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;
diff --git a/app/javascript/src/styles/common/dtext.scss b/app/javascript/src/styles/common/dtext.scss
index 7dd137b8f..15f0d2d24 100644
--- a/app/javascript/src/styles/common/dtext.scss
+++ b/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;
diff --git a/app/javascript/src/styles/common/inline.scss b/app/javascript/src/styles/common/inline.scss
index d3d74cbf8..cd0efbdd7 100644
--- a/app/javascript/src/styles/common/inline.scss
+++ b/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;
diff --git a/app/javascript/src/styles/common/jquery_ui_custom.scss b/app/javascript/src/styles/common/jquery_ui_custom.scss
index 29f2db4b7..5d28e30b2 100644
--- a/app/javascript/src/styles/common/jquery_ui_custom.scss
+++ b/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;
diff --git a/app/javascript/src/styles/common/main_layout.scss b/app/javascript/src/styles/common/main_layout.scss
index 569da6b0b..f6ea112ce 100644
--- a/app/javascript/src/styles/common/main_layout.scss
+++ b/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; }
-    #sidebar { order: 2; }
+    #content {
+      order: 1;
+      padding: 0;
+    }
+
+    #sidebar {
+      order: 2;
+    }
   }
 }
diff --git a/app/javascript/src/styles/common/page_header.scss b/app/javascript/src/styles/common/page_header.scss
index 8784d6e7d..77b9de8fa 100644
--- a/app/javascript/src/styles/common/page_header.scss
+++ b/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 {
diff --git a/app/javascript/src/styles/common/simple_form.scss b/app/javascript/src/styles/common/simple_form.scss
index fd9b1d8bf..3be79d184 100644
--- a/app/javascript/src/styles/common/simple_form.scss
+++ b/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;
       }
     }
diff --git a/app/javascript/src/styles/specific/admin_dashboards.scss b/app/javascript/src/styles/specific/admin_dashboards.scss
index aa59f308d..96325d482 100644
--- a/app/javascript/src/styles/specific/admin_dashboards.scss
+++ b/app/javascript/src/styles/specific/admin_dashboards.scss
@@ -2,4 +2,4 @@
   .section {
     margin-bottom: 2em;
   }
-}
\ No newline at end of file
+}
diff --git a/app/javascript/src/styles/specific/comments.scss b/app/javascript/src/styles/specific/comments.scss
index 38ae3fe4d..42e9fe5a8 100644
--- a/app/javascript/src/styles/specific/comments.scss
+++ b/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;
           }
         }
diff --git a/app/javascript/src/styles/specific/favorite_groups.scss b/app/javascript/src/styles/specific/favorite_groups.scss
index 3e176af88..dc184a6c6 100644
--- a/app/javascript/src/styles/specific/favorite_groups.scss
+++ b/app/javascript/src/styles/specific/favorite_groups.scss
@@ -2,4 +2,4 @@
   textarea {
     height: 10em;
   }
-}
\ No newline at end of file
+}
diff --git a/app/javascript/src/styles/specific/forum.scss b/app/javascript/src/styles/specific/forum.scss
index 049368f2a..4902f0f83 100644
--- a/app/javascript/src/styles/specific/forum.scss
+++ b/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;
   }
diff --git a/app/javascript/src/styles/specific/meta_searches.scss b/app/javascript/src/styles/specific/meta_searches.scss
index 98133734d..5304ec234 100644
--- a/app/javascript/src/styles/specific/meta_searches.scss
+++ b/app/javascript/src/styles/specific/meta_searches.scss
@@ -2,4 +2,4 @@
   section {
     margin-bottom: 2em;
   }
-}
\ No newline at end of file
+}
diff --git a/app/javascript/src/styles/specific/post_tooltips.scss b/app/javascript/src/styles/specific/post_tooltips.scss
index a743b33e1..90b1be055 100644
--- a/app/javascript/src/styles/specific/post_tooltips.scss
+++ b/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;
-    height: 0px;
+    width: 0;
+    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;
diff --git a/app/javascript/src/styles/specific/posts.scss b/app/javascript/src/styles/specific/posts.scss
index 26857bb63..29c9fcb49 100644
--- a/app/javascript/src/styles/specific/posts.scss
+++ b/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%;
-   margin-bottom: 0;
+    font-size: 80%;
+    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;
     }
   }
 }
diff --git a/app/javascript/src/styles/specific/user_name_change_requests.scss b/app/javascript/src/styles/specific/user_name_change_requests.scss
deleted file mode 100644
index e69de29bb..000000000
diff --git a/app/javascript/src/styles/specific/user_upgrades.scss b/app/javascript/src/styles/specific/user_upgrades.scss
index 7c9727b27..2ab6b4625 100644
--- a/app/javascript/src/styles/specific/user_upgrades.scss
+++ b/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);
         }
 
diff --git a/app/javascript/src/styles/specific/z_responsive.scss b/app/javascript/src/styles/specific/z_responsive.scss
index caa0d4238..12ee4287d 100644
--- a/app/javascript/src/styles/specific/z_responsive.scss
+++ b/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;