@use 'sass:math';
@use 'mixins/mixins'as *;

#{getClassName((col, 0))} {
  display: none;
}

@for $i from 0 through 24 {
  #{getClassName((col, #{$i}))} {
    width: (math.div(1, 24) * $i * 100) * 1%;
  }
  #{getClassName((col, offset, #{$i}))} {
    margin-left: (math.div(1, 24) * $i * 100) * 1%;
  }
  #{getClassName((col, pull, #{$i}))} {
    position: relative;
    right: (math.div(1, 24) * $i * 100) * 1%;
  }
  #{getClassName((col, push, #{$i}))} {
    position: relative;
    left: (math.div(1, 24) * $i * 100) * 1%;
  }
}


@include col-size(xs);

@include col-size(sm);

@include col-size(md);

@include col-size(lg);

@include col-size(xl);