// .grid-units(@columns, @startIndex, @prefix)
//
// Generate number of requested columns starting from given number
// and optional adds a passed prefixed value.
//
// @columns - Number of columns.
// @startIndex = 1 - What number to start on.
// @prefix = '' - Attribute value prefix.
//
// Style guide: mixins.grid-units

.grid-units(@columns, @startIndex: 1, @prefix: "") when (@startIndex =< @columns) {
    [pam-Unit~="@{prefix}@{startIndex}-@{columns}"] {
        max-width: (@startIndex * 100% / @columns);
        flex: 0 0 (@startIndex * 100% / @columns);
    }

    .grid-units(@columns, (@startIndex + 1), @prefix);
}