.nut-col {
  //float: left;
  box-sizing: border-box;
  word-break: break-all;
  margin-bottom: $col-default-margin-bottom;
}

[dir='rtl'] .nut-col,
.nut-rtl .nut-col {
  float: right;

  &.nut-col-gutter {
    &:last-child {
      padding-right: 0 !important;
      padding-left: 0 !important;
    }

    &:first-child {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  }
}

// dart-sass: math.div -> round & *
@for $i from 1 through 24 {
  .nut-col-offset-#{$i} {
    margin-left: #{$i * 4.166666666} + '%';
  }

  [dir='rtl'] .nut-col-offset-#{$i},
  .nut-rtl .nut-col-offset-#{$i} {
    margin-left: 0;
    margin-right: #{$i * 4.166666666} + '%';
  }

  .nut-col-#{$i} {
    width: #{$i * 4.166666666} + '%';
  }
}