@use 'jass_settings';
@use 'layout_settings' as *;
@use "sass:math";

$o: null;
@if $override == yes {
  $o: !important;
}

@each $set in $sets-fixed {
  .set-fixed-#{$set} {
    $set: $set + 0px;
    @media (min-width: $set) {
      width: $set$o;
      @for $i from 1 through $bars {
        & .play#{$i}of#{$bars} {
          $v: math.div($set, $bars) * $i;
          width: $v$o;
        }
      }
    }
  }
}

@each $set in $sets-fluid {
  .set-fluid-#{$set} {
    $v: $set + 0%;
    width: $v$o;
  }
}

@for $i from 1 through $bars {
  [class*="set-fluid-"] .play#{$i}of#{$bars} {
    $v: math.div(100%, $bars) * $i;
    width: $v$o;
  }
}
