Fix all stylelint errors (#23920)

* Fix all stylelint errors

For any errors that fixing would require changing the output of the css disable stylelint for that line instead of modifying.

* Update quality.py

Make stylelint quality check pass when there are no errors

* Delete empty selectors

common/static/sass/_mixins-inherited.scss

@@ -173,12 +173,14 @@
   background-color: $uxpl-green-base;
   color: $white;
 
-  &:hover, &:focus {
+  &:hover,
+  &:focus {
     background-color: $uxpl-green-hover-active;
     color: $white;
   }
 
-  &.disabled, &.is-disabled {
+  &.disabled,
+  &.is-disabled {
     border: 1px solid $green-l3 !important;
     background: $green-l3 !important;
     color: $white !important;
@@ -195,12 +197,15 @@
   background-color: theme-color("primary");
   color: $white;
 
-  &:hover, &:focus, &:active {
+  &:hover,
+  &:focus,
+  &:active {
     background-color: $uxpl-blue-hover-active;
     color: $white;
   }
 
-  &.disabled, &.is-disabled {
+  &.disabled,
+  &.is-disabled {
     box-shadow: none;
     border: 1px solid $blue-l3 !important;
     background: $blue-l3 !important;
@@ -217,12 +222,15 @@
   background-color: $red;
   color: $white;
 
-  &:hover, &:focus, &:active {
+  &:hover,
+  &:focus,
+  &:active {
     background-color: $red-s1;
     color: $white;
   }
 
-  &.disabled, &.is-disabled {
+  &.disabled,
+  &.is-disabled {
     box-shadow: none;
     border: 1px solid $red-l3 !important;
     background: $red-l3 !important;
@@ -239,12 +247,15 @@
   background-color: $pink;
   color: $white;
 
-  &:hover, &:focus, &:active {
+  &:hover,
+  &:focus,
+  &:active {
     background-color: $pink-s1;
     color: $white;
   }
 
-  &.disabled, &.is-disabled {
+  &.disabled,
+  &.is-disabled {
     box-shadow: none;
     border: 1px solid $pink-l3 !important;
     background: $pink-l3 !important;
@@ -262,12 +273,14 @@
   background-color: $orange;
   color: $gray-d2;
 
-  &:hover, &:focus {
+  &:hover,
+  &:focus {
     background-color: $orange-s2;
     color: $gray-d2;
   }
 
-  &.disabled, &.is-disabled {
+  &.disabled,
+  &.is-disabled {
     border: 1px solid $orange-l3 !important;
     background: $orange-l2 !important;
     color: $gray-l1 !important;
@@ -286,7 +299,8 @@
   color: rgb(92, 103, 122);
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 
-  &:hover, &:focus {
+  &:hover,
+  &:focus {
     background-color: rgb(222, 236, 247);
     color: rgb(92, 103, 122);
   }
@@ -318,7 +332,8 @@
   background-color: $gray-d2;
   color: $gray-l3;
 
-  &:hover, &:focus {
+  &:hover,
+  &:focus {
     background-color: $gray-d3;
     color: $white;
   }

common/static/sass/assets/_anims.scss

@@ -137,7 +137,8 @@
 
 // flash
 @include keyframes(flash) {
-  0%, 100% {
+  0%,
+  100% {
     opacity: 1;
   }
 
@@ -148,11 +149,14 @@
 
 // flash - double
 @include keyframes(flashDouble) {
-  0%, 50%, 100% {
+  0%,
+  50%,
+  100% {
     opacity: 1;
   }
 
-  25%, 75% {
+  25%,
+  75% {
     opacity: 0;
   }
 }

common/static/sass/edx-pattern-library-shims/_form.scss

@@ -19,9 +19,9 @@
   .field-input:checked + .field-input-label {
     color: theme-color("primary");
   }
-
 }
 
-.input-radio, .input-checkbox {
+.input-radio,
+.input-checkbox {
   @include margin-right($baseline / 2);
 }

common/static/sass/neat/functions/_private.scss

@@ -1,6 +1,6 @@
 // Checks if a number is even
 @function is-even($int) {
-  @if $int%2 == 0   {
+  @if $int%2 == 0 {
     @return true;
   }
 
@@ -96,7 +96,7 @@
 // Layout direction
 @function get-direction($layout, $default) {
   $direction: nil;
-  
+
   @if $layout == LTR or $layout == RTL {
     $direction: direction-from-layout($layout);
   }

common/static/sass/neat/grid/_omega.scss

@@ -4,7 +4,7 @@
   $auto: if(belongs-to(auto, $query), true, false);
 
   @if $direction != default {
-    @warn "The omega mixin will no longer take a $direction argument. To change the layout direction, use row($direction) or set $default-layout-direction instead."
+    @warn "The omega mixin will no longer take a $direction argument. To change the layout direction, use row($direction) or set $default-layout-direction instead.";
   }
 
   @else {
@@ -12,7 +12,7 @@
   }
 
   @if $table {
-    @warn "The omega mixin no longer removes padding in table layouts."
+    @warn "The omega mixin no longer removes padding in table layouts.";
   }
 
   @if length($query) == 1 {
@@ -44,7 +44,7 @@
   }
 
   @else {
-    @warn "Too many arguments passed to the omega() mixin."
+    @warn "Too many arguments passed to the omega() mixin.";
   }
 }
 

common/static/sass/neat/grid/_span-columns.scss

@@ -10,7 +10,7 @@
 
   $display-table: is-display-table($container-display-table, $display);
 
-  @if $display-table  {
+  @if $display-table {
     display: table-cell;
     width: percentage($columns / $container-columns);
   }
@@ -23,7 +23,7 @@
     }
 
     @if $display == collapse {
-      @warn "The 'collapse' argument will be deprecated. Use 'block-collapse' instead."
+      @warn "The 'collapse' argument will be deprecated. Use 'block-collapse' instead.";
     }
 
     @if $display == collapse or $display == block-collapse {
@@ -32,7 +32,6 @@
       &:last-child {
         width: flex-grid($columns, $container-columns);
       }
-
     }
 
     @else {

common/static/sass/neat/grid/_visual-grid.scss

@@ -1,14 +1,14 @@
 @mixin grid-column-gradient($values...) {
   background-image: deprecated-webkit-gradient(linear, left top, left bottom, $values);
-  background-image:  -webkit-linear-gradient(left, $values);
-  background-image:     -moz-linear-gradient(left, $values);
-  background-image:      -ms-linear-gradient(left, $values);
-  background-image:       -o-linear-gradient(left, $values);
+  background-image: -webkit-linear-gradient(left, $values);
+  background-image: -moz-linear-gradient(left, $values);
+  background-image: -ms-linear-gradient(left, $values);
+  background-image: -o-linear-gradient(left, $values);
   background-image: unquote("linear-gradient(left, #{$values})");
 }
 
 @if $visual-grid == true or $visual-grid == yes {
-  body:before {
+  body:before { /* stylelint-disable-line */
     content: '';
     display: inline-block;
 
@@ -29,7 +29,7 @@
     }
 
     @else if $visual-grid-index == front {
-      z-index: 9999; 
+      z-index: 9999;
     }
 
     @each $breakpoint in $visual-grid-breakpoints {