detailedCalc

Boolean - оставить в CSS подробную формулу расчёта размера

default: false

Оставить в итоговом CSS-файле в calc подробную формулу деления на общее количество столбцов и умножения на размер элемента.

Пример с false:


some-selector{
   width: calc(33.333333333333336% - 30px);
}

Пример с true:


some-selector{
   width: calc(100% / 12 * 4 - 30px);
}

Кажется очевидным, что вариант с true намного лучше.

Однако, в IE 11 на многих устройствах такой пример будет мерцать на каждом пикселе при изменении размера экрана. Элементы будут то слетать друг под друга, то снова становиться в ряд.

Во всех современных браузерах оба варианта работают хорошо.