@prefix-cls-col: ~"@{css-prefix}col";
.@{prefix-cls-col} {
    float: left;
    box-sizing: border-box;
}

.col-loop(@n, @i: 1) when (@i <=@n) {
    .@{prefix-cls-col}-@{i} {
        width: @i * 100% / 24
    }
    .@{prefix-cls-col}-offset-@{i} {
        margin-left: @i * 100% / 24
    }
    .col-loop(@n, (@i + 1));
}

.col-loop(24);