Почему Susy дает 49.15254% в выходных CSS вместо 50%?

Question

Я принял решение начать работу с Susy, потому что мне нужен хороший каркас только для сетки. К сожалению, я очень старался сделать то, что хочу. В конце концов, я хочу знать, почему Сьюзи дает такие странные правила математики.

Есть мои простые параметры настройки по Susy в:

$susy: (
    columns: 12, 
    math: fluid, 
    output: float, 
    gutter-override: no-gutters,  
); 

Как вы можете видеть, что я удалил желобов, как указано выше (не знаю, если это лучший способ сделать это, например, я заметил кто-то использует gutters: 0 или. даже gutters: null).

Наконец, я нашел решение для странного 49.15254%:

$susy: (
    columns: 12, 
    math: fluid, 
    output: float, 
    gutter-override: no-gutters, 
    gutter-position: inside, 
); 

Может кто-нибудь объяснить мне, почему Susy сделал никаких желобов (или) л, даже когда gutter-override: no-gutters был дан?

Answer 1

Целью gutter-override является изменение выхода желоба без изменения базовой математики сетки. Все no-gutters действительно выключает выход желоба. Он не предназначен для использования в глобальном масштабе. Чтобы на самом деле изменить математику сетки, вам необходимо установить gutters: 0.

Когда вы используете gutter-position внутри, вы делаете это так, чтобы математика сетки была одинаковой в любом случае - поскольку размер желобов не влияет на размер столбцов.