Произвольный размер элемента
Установить размер, кратный количеству колонок произвольной сетки.
Параметры:
- n - размер в колонках
- columns - общее количество столбцов сетки
- offset - размер межколоночника
Код примеси:
.u-size(@n, @columns, @offset){
width: ~"calc(100% / @{columns} * @{n} - @{offset})";
}
@mixin u-size($n, $columns, $offset){
width: #{calc(100% / #{$columns} * #{$n} - #{$offset})};
}
=u-size($n, $columns, $offset)
width: #{calc(100% / #{$columns} * #{$n} - #{$offset})}
u-size($n, $columns, $offset)
width "calc(100% / %s * %s - %s)" % ($columns $n $offset)
Применяется вместе с примесью u-col.
Допустимо использовать только внутри строки, сделанной с помощью u-row-flex. При этом межколоночники, указанные для строки и столбца, должны совпадать.