Размер элемента

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

Параметры:

1. n - количество колонок. При нормальной вёрстке по сетке должно быть целым числом.

Если дизайнер сделал размер элемента кривым (промазал мимо сетки), можно передать и дробное количество колонок. Это уже не является вёрсткой по сетке, но иногда бывает полезным.

Код примеси:

.size(@n){
   @val: 100% / @columns * @n;
   width: ~"calc(@{val} - @{offset})";
}

@mixin size($n){
   $val: 100% / $columns * $n;
   width: #{calc(#{$val} - #{$offset})};
}

=size($n)
   $val: 100% / $columns * $n
   width: #{calc(#{$val} - #{$offset})}

size($n)
   $val = 100% / $columns * $n
   width "calc(%s - %s)" % ($val $offset)

Код примеси может сильно отличаться при изменении настроек offset и detailedCalc.

• При использовании offset, заданного в %, исчезает фукнция calc, так как проценты из процентов замечательно вычитаются вручную.
• При detailedCalc = true, значение val не рассчитывается. Формула подробно записывается внутрь calc.

Использует глобальные переменные columns и offset, определяем настройками columns и offset.

Используется в примесях, задающих размер на контрольных точках.