Произвольный размер элемента

Установить размер, кратный количеству колонок произвольной сетки.

Параметры:

  1. n - размер в колонках
  2. columns - общее количество столбцов сетки
  3. 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. При этом межколоночники, указанные для строки и столбца, должны совпадать.