generate class helpers

mixin.less

.generateClasses(@propertyName, @prefixName) {
    .properties(@counter, @to, @step: 10) when (@counter < @to) {
        .properties((@counter + @step), @to, @step );

        .@{prefixName}-@{counter} {
            @{propertyName}: unit(@counter, px);
        }

        .@{prefixName}-top-@{counter} {
            @{propertyName}-top: unit(@counter, px);
        }

        .@{prefixName}-bottom-@{counter} {
            @{propertyName}-bottom: unit(@counter, px);
        }

        .@{prefixName}-left-@{counter} {
            @{propertyName}-left: unit(@counter, px);
        }

        .@{prefixName}-right-@{counter} {
          @{propertyName}-right: unit(@counter, px);
        }
    }

    .properties(0, 100, 10);
}

.generateClasses(padding, pad);
.generateClasses(margin, mar);