LESS - UIkit Grid

/* ===============================================
   Similiar to uk-width of UIkit grid
 ================================================= */
 
@prefix:    uk-width;
@grid:      10;
@padding:   25px;

[class*='@{prefix}-'] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.mixin-loop (@index) when (@index > 0) {
	@i: (@grid - @index) + 1;
  
    .@{prefix}-@{i}-@{grid} {
        width: percentage(1/@grid) * @i;
        padding-left: @padding;
    }
  
    .mixin-loop(@index - 1);
}

.mixin-loop(@grid);