Строка произвольной сетки

Создать строку на основе flexbox с указанными отсупами.

Параметры:

  1. offset - размер межколоночника в любых единицах измерения

Характерная черта данной примеси - отказ от глобально настроенного межколоночного отступа.

Код примеси:


.u-row-flex(@offset){
   display: flex;
   flex-wrap: wrap;
   margin-left: (@offset / -2);
   margin-right: (@offset / -2);
}

@mixin u-row-flex($offset){
   display: flex;
   flex-wrap: wrap;
   margin-left: ($offset / -2);
   margin-right: ($offset / -2);
}

=u-row-flex($offset)
   display: flex
   flex-wrap: wrap
   margin-left: ($offset / -2)
   margin-right: ($offset / -2)

u-row-flex($offset)
   display flex
   flex-wrap wrap
   margin-left ($offset / -2)
   margin-right ($offset / -2)

Используется при создании строки, к столбцам которой применяются примеси u-col и u-size.