From 64483d86a39bd2560adfa8be212672dbb2bc1fa4 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Thu, 5 Jan 2023 14:53:23 -0600
Subject: [PATCH] Conform scss to stylelint

---
 app/styles/components/buttons.scss       | 3 ---
 app/styles/components/columns.scss       | 1 -
 app/styles/components/datepicker.scss    | 8 ++++----
 app/styles/components/dropdown-menu.scss | 1 -
 app/styles/components/filters.scss       | 6 +++---
 app/styles/components/modal.scss         | 4 ++--
 app/styles/components/status.scss        | 4 ++--
 app/styles/components/video-player.scss  | 4 ++--
 8 files changed, 13 insertions(+), 18 deletions(-)

diff --git a/app/styles/components/buttons.scss b/app/styles/components/buttons.scss
index dcb8e2343..810b87f12 100644
--- a/app/styles/components/buttons.scss
+++ b/app/styles/components/buttons.scss
@@ -92,9 +92,6 @@ button {
 button,
 a.button {
   &.standard {
-
-    // NOTE - will define the larger standard buttons here and apply class where used.
-
     &-small {
       @include font-size(11);
       @include line-height(11);
diff --git a/app/styles/components/columns.scss b/app/styles/components/columns.scss
index e4402041f..c71c023f1 100644
--- a/app/styles/components/columns.scss
+++ b/app/styles/components/columns.scss
@@ -1,4 +1,3 @@
-
 .column {
   width: 350px;
   position: relative;
diff --git a/app/styles/components/datepicker.scss b/app/styles/components/datepicker.scss
index e45554b11..864fbc409 100644
--- a/app/styles/components/datepicker.scss
+++ b/app/styles/components/datepicker.scss
@@ -10,12 +10,12 @@
   }
 }
 
-.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,
-.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
+.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::before,
+.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::after {
   @apply border-b-white dark:border-b-gray-900;
 }
 
-.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
+.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::before {
   @apply border-b-gray-200 dark:border-b-gray-700;
 }
 
@@ -143,6 +143,6 @@
 .react-datepicker__close-icon::after {
   @apply bg-transparent text-gray-600 dark:text-gray-400 text-base;
   font-family: 'Font Awesome 5 Free';
-  content: "";
+  content: '';
   font-weight: 900;
 }
diff --git a/app/styles/components/dropdown-menu.scss b/app/styles/components/dropdown-menu.scss
index 52b061c3c..6c6a1e99b 100644
--- a/app/styles/components/dropdown-menu.scss
+++ b/app/styles/components/dropdown-menu.scss
@@ -67,4 +67,3 @@
     @apply block my-2 h-[1px] bg-gray-100 dark:bg-gray-800;
   }
 }
-// end .dropdown-menu
diff --git a/app/styles/components/filters.scss b/app/styles/components/filters.scss
index 45bd60e7f..4d985c8c0 100644
--- a/app/styles/components/filters.scss
+++ b/app/styles/components/filters.scss
@@ -39,7 +39,7 @@
         @apply static;
       }
 
-      input[type="checkbox"] {
+      input[type='checkbox'] {
         position: absolute;
         top: 3px;
         left: 0;
@@ -68,12 +68,12 @@
       @apply pr-1 capitalize;
 
       &::after {
-        content: ",";
+        content: ',';
       }
 
       &:last-of-type {
         &::after {
-          content: "";
+          content: '';
         }
       }
     }
diff --git a/app/styles/components/modal.scss b/app/styles/components/modal.scss
index 407a6d56b..34e375acc 100644
--- a/app/styles/components/modal.scss
+++ b/app/styles/components/modal.scss
@@ -290,7 +290,7 @@
         }
       }
 
-      button[type="button"] {
+      button[type='button'] {
         @apply w-full justify-center text-center;
       }
     }
@@ -332,7 +332,7 @@
     &::before,
     &::after {
       @apply border-b border-gray-300 dark:border-gray-600;
-      content: "";
+      content: '';
       flex: 1;
     }
   }
diff --git a/app/styles/components/status.scss b/app/styles/components/status.scss
index 662cbbe5c..aeab54646 100644
--- a/app/styles/components/status.scss
+++ b/app/styles/components/status.scss
@@ -15,8 +15,8 @@
   animation: fade 150ms linear;
 }
 
-[column-type=filled] .status__wrapper,
-[column-type=filled] .status-placeholder {
+[column-type='filled'] .status__wrapper,
+[column-type='filled'] .status-placeholder {
   @apply rounded-none shadow-none p-4;
 }
 
diff --git a/app/styles/components/video-player.scss b/app/styles/components/video-player.scss
index 47bda32ed..4802afa7f 100644
--- a/app/styles/components/video-player.scss
+++ b/app/styles/components/video-player.scss
@@ -165,7 +165,7 @@
     }
 
     &::before {
-      content: "";
+      content: '';
       width: 50px;
       background: rgba(#fff, 0.35);
       border-radius: 4px;
@@ -235,7 +235,7 @@
     position: relative;
 
     &::before {
-      content: "";
+      content: '';
       width: 100%;
       background: rgba(#fff, 0.35);
       border-radius: 4px;