@use "sass:math";
@for $i from 1 through 12 {
  .bo-col-#{$i} {
    $widthi: math.div(100, $i) * 1% !default;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    > * {
      width: $widthi;
    }
    @for $j from 1 through $i {
      > *[col~="#{$j}"] {
        width: $widthi * $j;
      }
    }
    @for $j from $i through 12 {
      > *[col~="#{$j}"] {
        width: 100%;
      }
    }
  }
}