fix(scss): fix importance of 0 and 0--only classes

Author: seejamescode

bin/src/scss/_mixins.scss

@@ -170,26 +170,21 @@
 
 // Generate all classes for 0 and 0-only displaying, including custom breakpoints if they exist
 @mixin gridLegacyZeros($breakpoint, $breakpoints, $name) {
-  // Undo previous breakpoint’s 0-only class
+  // Undo previous breakpoint’s 0--only class
   $onlyCorrectionFound: false;
   @for $i from length($breakpoints) *-1 through -1 {
     $currentBreakpoint: nth($breakpoints, $i);
     @if map-get(nth($currentBreakpoint, 2), breakpoint) < map-get($breakpoint, breakpoint) and $onlyCorrectionFound == false {
-      .#{$prefix}-grid__col--#{nth($currentBreakpoint, 1)}--0-only {
+      .#{$prefix}-grid__col--#{nth($currentBreakpoint, 1)}--0--only {
         display: flex;
       }
 
       $onlyCorrectionFound: true;
     }
   }
 
-  // Undo previous breakpoint’s 0 class
-  @each $currentBreakpoint in $breakpoints {
-    @if map-get(nth($currentBreakpoint, 2), breakpoint) < map-get($breakpoint, breakpoint) {
-      [class*="#{$prefix}-grid__col--#{nth($currentBreakpoint, 1)}--0"][class*="#{$prefix}-grid__col--#{$name}--"] {
-        display: flex;
-      }
-    }
+  [class*="#{$prefix}-grid__col--#{$name}--"] {
+    display: flex;
   }
 
   .#{$prefix}-grid__col--#{$name}--0,

examples/bootstrap/css-gridish/bootstrap-grid.sketch

@@ -47,6 +47,9 @@ body {
   .bootstrap-grid > * {
     width: initial; } }
 
+[class*="bootstrap-grid__col--sm--"] {
+  display: flex; }
+
 .bootstrap-grid__col--sm--0,
 .bootstrap-grid__col--sm--0--only {
   display: none; }
@@ -313,9 +316,9 @@ body {
     --bootstrap-height-29: 29rem; } }
 
 @media (min-width: 100rem) {
-  .bootstrap-grid__col--sm--0-only {
+  .bootstrap-grid__col--sm--0--only {
     display: flex; }
-  [class*="bootstrap-grid__col--sm--0"][class*="bootstrap-grid__col--xl--"] {
+  [class*="bootstrap-grid__col--xl--"] {
     display: flex; }
   .bootstrap-grid__col--xl--0,
   .bootstrap-grid__col--xl--0--only {

examples/bootstrap/css-gridish/css/bootstrap-grid-legacy.css

@@ -170,26 +170,21 @@
 
 // Generate all classes for 0 and 0-only displaying, including custom breakpoints if they exist
 @mixin gridLegacyZeros($breakpoint, $breakpoints, $name) {
-  // Undo previous breakpoint’s 0-only class
+  // Undo previous breakpoint’s 0--only class
   $onlyCorrectionFound: false;
   @for $i from length($breakpoints) *-1 through -1 {
     $currentBreakpoint: nth($breakpoints, $i);
     @if map-get(nth($currentBreakpoint, 2), breakpoint) < map-get($breakpoint, breakpoint) and $onlyCorrectionFound == false {
-      .#{$prefix}-grid__col--#{nth($currentBreakpoint, 1)}--0-only {
+      .#{$prefix}-grid__col--#{nth($currentBreakpoint, 1)}--0--only {
         display: flex;
       }
 
       $onlyCorrectionFound: true;
     }
   }
 
-  // Undo previous breakpoint’s 0 class
-  @each $currentBreakpoint in $breakpoints {
-    @if map-get(nth($currentBreakpoint, 2), breakpoint) < map-get($breakpoint, breakpoint) {
-      [class*="#{$prefix}-grid__col--#{nth($currentBreakpoint, 1)}--0"][class*="#{$prefix}-grid__col--#{$name}--"] {
-        display: flex;
-      }
-    }
+  [class*="#{$prefix}-grid__col--#{$name}--"] {
+    display: flex;
   }
 
   .#{$prefix}-grid__col--#{$name}--0,

examples/bootstrap/css-gridish/css/bootstrap-grid-legacy.min.css

@@ -47,6 +47,9 @@ body {
   .bx-grid > * {
     width: initial; } }
 
+[class*="bx-grid__col--sm--"] {
+  display: flex; }
+
 .bx-grid__col--sm--0,
 .bx-grid__col--sm--0--only {
   display: none; }
@@ -338,9 +341,9 @@ body {
     --bx-height-29: 14.5rem; } }
 
 @media (min-width: 100rem) {
-  .bx-grid__col--sm--0-only {
+  .bx-grid__col--sm--0--only {
     display: flex; }
-  [class*="bx-grid__col--sm--0"][class*="bx-grid__col--xxl--"] {
+  [class*="bx-grid__col--xxl--"] {
     display: flex; }
   .bx-grid__col--xxl--0,
   .bx-grid__col--xxl--0--only {