Correct fluid bars being container width independent calculated in la…

…yout.scss
diqidoq · Jan 24, 2024 · 57e79f9 · 57e79f9
1 parent 561c5bd
commit 57e79f9
Showing 1 changed file with 11 additions and 17 deletions.
diff --git a/scss/layout.scss b/scss/layout.scss
@@ -11,32 +11,26 @@ $sets-fluid: 80, 90, 100;
   .set-fixed-#{$set} {
     @media (min-width: $set) {
       width: $set$o;
-      & [class*="bar"] {
-        $v: math.div($set, $elements);
-        width: $v$o;
-      }
       @for $i from 1 through $elements {
-        & ._#{$i}of#{$elements}bars {
+        & .play#{$i}of#{$elements} {
           $v: math.div($set, $elements) * $i;
           width: $v$o;
         }
       }
     }
   }
 }
+
 @each $set in $sets-fluid {
   .set-fluid-#{$set} {
-    $v: #$set + 0%;
-      width: $v$o;
-      & [class*="bar"] {
-        $v: math.div($set, $elements) + 0%;
-        width: $v$o;
-      }
-      @for $i from 1 through $elements {
-        & ._#{$i}of#{$elements}bars {
-          $v: math.div($set, $elements) * $i + 0%;
-          width: $v$o;
-        }
-    }
+    $v: $set + 0%;
+    width: $v$o;
+  }
+}
+
+@for $i from 1 through $elements {
+  [class*="set-fluid-"] .play#{$i}of#{$elements} {
+    $v: math.div(100%, $elements) * $i;
+    width: $v$o;
   }
 }