@include b(row){
  display: flex;
  flex-wrap: wrap;
  &:before,
  &:after {
    display: none;
  }
  @include when(list){

  }
}



[class*="mc-col-"] {
  box-sizing: border-box;
  position: relative;

}

.mc-col-0 {

}

@for $i from 1 through 24 {
  .mc-col-#{$i} {
    width: (1 / 24 * $i * 100) * 1%;
  }

  .mc-col-offset-#{$i} {
    margin-left: (1 / 24 * $i * 100) * 1%;
  }


}