@import "./mixins/_commons";

@for $i from 1 through 24{
  .el-col-#{$i} {
    float: left;
    box-sizing: border-box;

    &{
      width: (1/24 * $i * 100%);
    }
  }

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

  .el-col-pull-#{$i}{
    position: relative;
    right: (1/24 * $i * 100%);
  }

  .el-col-push-#{$i}{
    position: relative;
    left: (1/24 * $i * 100%);
  }
}