fix stylelint errors

classicvalues · Jan 22, 2021 · 81ffe02 · 81ffe02
1 parent dc3d8e4
commit 81ffe02
Show file tree

Hide file tree

Showing 16 changed files with 92 additions and 96 deletions.
diff --git a/dist/materia/_bootswatch.scss b/dist/materia/_bootswatch.scss
@@ -331,7 +331,7 @@ select.form-control {
 .form-check.form-switch {
   .form-check-input {
     position: relative;
-    height: 0.8em;
+    height: .8em;
     border: none;
     background-image: none;
     background-color: $gray-400;
@@ -340,69 +340,69 @@ select.form-control {
       box-shadow: none;
     }
 
-    &:before {
+    &::before {
       content: "";
       position: absolute;
-      top: -0.2em;
-      left: -0.2em;
+      top: -.2em;
+      left: -.2em;
       width: 1.2em;
       height: 1.2em;
       background-color: $white;
       border-radius: 50%;
       box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
-      transition: left 0.15s ease-in-out;
+      transition: left .15s ease-in-out;
     }
 
-    &:after {
+    &::after {
       content: "";
       position: absolute;
-      top: -0.2em;
-      left: -0.2em;
+      top: -.2em;
+      left: -.2em;
       width: 1.2em;
       height: 1.2em;
       border-radius: 50%;
       box-shadow: 0 0 0 9px rgba(0, 0, 0, .05);
       transform: scale(0);
-      transition: left 0.15s ease-in-out, transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+      transition: left .15s ease-in-out, transform .15s ease-in-out, box-shadow .15s ease-in-out;
       z-index: -1;
     }
 
     &:hover:not(.disabled),
     &:focus:not(.disabled) {
 
-      &:after {
-        transform: scale(0.9);
+      &::after {
+        transform: scale(.9);
       }
     }
 
     &:focus:not(.disabled) {
-      &:after {
+      &::after {
         box-shadow: 0 0 0 9px rgba(0, 0, 0, .1);
       }
     }
 
     &:checked {
       background-color: rgba(33, 150, 243, .3);
 
-      &:before {
+      &::before {
         background-color: rgba(33, 150, 243, 1);
-        left: calc(100% - 0.8em);
+        left: calc(100% - .8em);
       }
 
-      &:after {
-        left: calc(100% - 0.8em);
+      &::after {
+        left: calc(100% - .8em);
         box-shadow: 0 0 0 9px rgba(33, 150, 243, .1);
       }
 
       &:hover:not(.disabled),
       &:focus:not(.disabled) {
-        &:after {
-          transform: scale(0.9);
+        &::after {
+          transform: scale(.9);
         }
       }
 
       &:focus:not(.disabled) {
-        &:after {
+        &::after {
           box-shadow: 0 0 0 9px rgba(33, 150, 243, .2);
         }
       }

diff --git a/dist/materia/bootstrap.css b/dist/materia/bootstrap.css
@@ -11817,7 +11817,7 @@ select.form-control[multiple] {
 
 .form-check.form-switch .form-check-input {
   position: relative;
-  height: 0.8em;
+  height: .8em;
   border: none;
   background-image: none;
   background-color: #ced4da;
@@ -11827,65 +11827,65 @@ select.form-control[multiple] {
   box-shadow: none;
 }
 
-.form-check.form-switch .form-check-input:before {
+.form-check.form-switch .form-check-input::before {
   content: "";
   position: absolute;
-  top: -0.2em;
-  left: -0.2em;
+  top: -.2em;
+  left: -.2em;
   width: 1.2em;
   height: 1.2em;
   background-color: #fff;
   border-radius: 50%;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
-  transition: left 0.15s ease-in-out;
+  transition: left .15s ease-in-out;
 }
 
-.form-check.form-switch .form-check-input:after {
+.form-check.form-switch .form-check-input::after {
   content: "";
   position: absolute;
-  top: -0.2em;
-  left: -0.2em;
+  top: -.2em;
+  left: -.2em;
   width: 1.2em;
   height: 1.2em;
   border-radius: 50%;
   box-shadow: 0 0 0 9px rgba(0, 0, 0, 0.05);
   -webkit-transform: scale(0);
   transform: scale(0);
-  transition: left 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
-  transition: left 0.15s ease-in-out, transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-  transition: left 0.15s ease-in-out, transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
+  transition: left .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
+  transition: left .15s ease-in-out, transform .15s ease-in-out, box-shadow .15s ease-in-out;
+  transition: left .15s ease-in-out, transform .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
   z-index: -1;
 }
 
-.form-check.form-switch .form-check-input:hover:not(.disabled):after, .form-check.form-switch .form-check-input:focus:not(.disabled):after {
+.form-check.form-switch .form-check-input:hover:not(.disabled)::after, .form-check.form-switch .form-check-input:focus:not(.disabled)::after {
   -webkit-transform: scale(0.9);
   transform: scale(0.9);
 }
 
-.form-check.form-switch .form-check-input:focus:not(.disabled):after {
+.form-check.form-switch .form-check-input:focus:not(.disabled)::after {
   box-shadow: 0 0 0 9px rgba(0, 0, 0, 0.1);
 }
 
 .form-check.form-switch .form-check-input:checked {
   background-color: rgba(33, 150, 243, 0.3);
 }
 
-.form-check.form-switch .form-check-input:checked:before {
+.form-check.form-switch .form-check-input:checked::before {
   background-color: #2196f3;
-  left: calc(100% - 0.8em);
+  left: calc(100% - .8em);
 }
 
-.form-check.form-switch .form-check-input:checked:after {
-  left: calc(100% - 0.8em);
+.form-check.form-switch .form-check-input:checked::after {
+  left: calc(100% - .8em);
   box-shadow: 0 0 0 9px rgba(33, 150, 243, 0.1);
 }
 
-.form-check.form-switch .form-check-input:checked:hover:not(.disabled):after, .form-check.form-switch .form-check-input:checked:focus:not(.disabled):after {
+.form-check.form-switch .form-check-input:checked:hover:not(.disabled)::after, .form-check.form-switch .form-check-input:checked:focus:not(.disabled)::after {
   -webkit-transform: scale(0.9);
   transform: scale(0.9);
 }
 
-.form-check.form-switch .form-check-input:checked:focus:not(.disabled):after {
+.form-check.form-switch .form-check-input:checked:focus:not(.disabled)::after {
   box-shadow: 0 0 0 9px rgba(33, 150, 243, 0.2);
 }
 

diff --git a/dist/materia/bootstrap.min.css b/dist/materia/bootstrap.min.css
diff --git a/dist/sandstone/_variables.scss b/dist/sandstone/_variables.scss
@@ -37,7 +37,7 @@ $danger:        $red !default;
 $light:         $gray-200 !default;
 $dark:          $gray-800 !default;
 
-$min-contrast-ratio:   2.0 !default;
+$min-contrast-ratio:   2 !default;
 
 // Body
 

diff --git a/dist/sketchy/_bootswatch.scss b/dist/sketchy/_bootswatch.scss
@@ -250,19 +250,18 @@ select.form-control {
       background-color: $white;
       border: 2px solid #333;
       border-radius: 50% 45% 40% 50% / 40% 50% 50% 45%;
-      transition: left 0.15s ease-in-out;
+      transition: left .15s ease-in-out;
     }
 
     &:checked::after {
       top: 0;
       left: 18px;
       background-color: $gray-800;
-      transition: left 0.15s ease-in-out;
     }
   }
 
   .form-check-label {
-    margin-left: 0.5em;
+    margin-left: .5em;
   }
 }
 

diff --git a/dist/sketchy/bootstrap.css b/dist/sketchy/bootstrap.css
@@ -11008,18 +11008,17 @@ select.form-control {
   background-color: #fff;
   border: 2px solid #333;
   border-radius: 50% 45% 40% 50% / 40% 50% 50% 45%;
-  transition: left 0.15s ease-in-out;
+  transition: left .15s ease-in-out;
 }
 
 .form-switch .form-check-input:checked::after {
   top: 0;
   left: 18px;
   background-color: #333;
-  transition: left 0.15s ease-in-out;
 }
 
 .form-switch .form-check-label {
-  margin-left: 0.5em;
+  margin-left: .5em;
 }
 
 .dropdown-menu {

diff --git a/dist/sketchy/bootstrap.min.css b/dist/sketchy/bootstrap.min.css
diff --git a/dist/slate/_variables.scss b/dist/slate/_variables.scss
@@ -37,7 +37,7 @@ $danger:        $red !default;
 $light:         $gray-200 !default;
 $dark:          $gray-900 !default;
 
-$min-contrast-ratio:   2.0 !default;
+$min-contrast-ratio:   2 !default;
 
 // Body
 

diff --git a/docs/5/materia/_bootswatch.scss b/docs/5/materia/_bootswatch.scss
@@ -331,7 +331,7 @@ select.form-control {
 .form-check.form-switch {
   .form-check-input {
     position: relative;
-    height: 0.8em;
+    height: .8em;
     border: none;
     background-image: none;
     background-color: $gray-400;
@@ -340,69 +340,69 @@ select.form-control {
       box-shadow: none;
     }
 
-    &:before {
+    &::before {
       content: "";
       position: absolute;
-      top: -0.2em;
-      left: -0.2em;
+      top: -.2em;
+      left: -.2em;
       width: 1.2em;
       height: 1.2em;
       background-color: $white;
       border-radius: 50%;
       box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
-      transition: left 0.15s ease-in-out;
+      transition: left .15s ease-in-out;
     }
 
-    &:after {
+    &::after {
       content: "";
       position: absolute;
-      top: -0.2em;
-      left: -0.2em;
+      top: -.2em;
+      left: -.2em;
       width: 1.2em;
       height: 1.2em;
       border-radius: 50%;
       box-shadow: 0 0 0 9px rgba(0, 0, 0, .05);
       transform: scale(0);
-      transition: left 0.15s ease-in-out, transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+      transition: left .15s ease-in-out, transform .15s ease-in-out, box-shadow .15s ease-in-out;
       z-index: -1;
     }
 
     &:hover:not(.disabled),
     &:focus:not(.disabled) {
 
-      &:after {
-        transform: scale(0.9);
+      &::after {
+        transform: scale(.9);
       }
     }
 
     &:focus:not(.disabled) {
-      &:after {
+      &::after {
         box-shadow: 0 0 0 9px rgba(0, 0, 0, .1);
       }
     }
 
     &:checked {
       background-color: rgba(33, 150, 243, .3);
 
-      &:before {
+      &::before {
         background-color: rgba(33, 150, 243, 1);
-        left: calc(100% - 0.8em);
+        left: calc(100% - .8em);
       }
 
-      &:after {
-        left: calc(100% - 0.8em);
+      &::after {
+        left: calc(100% - .8em);
         box-shadow: 0 0 0 9px rgba(33, 150, 243, .1);
       }
 
       &:hover:not(.disabled),
       &:focus:not(.disabled) {
-        &:after {
-          transform: scale(0.9);
+        &::after {
+          transform: scale(.9);
         }
       }
 
       &:focus:not(.disabled) {
-        &:after {
+        &::after {
           box-shadow: 0 0 0 9px rgba(33, 150, 243, .2);
         }
       }