2014-01-09 4 views
0

В бета-версии 2 из Susy 2 можно установить ширину желоба в основных настройках сетки так :?Ширина желоба в Susy 2

$susy: (
    flow: ltr, 
    math: static, 
    output: float, 
    gutter-position: after, 
    container: auto, 
    container-position: center, 
    columns: 12, 
    gutters: .25, 
    !!!!gutter-override: 20px,!!!! 
    column-width: 77.5px, 
    global-box-sizing: border-box, 
    last-flow: to, 
    debug: (
    image: hide, 
    color: rgba(#66f, .25), 
    output: background, 
    toggle: top right, 
), 
); 

Потому что ему это не нравится. Мне нужно установить явные ширины для столбцов и желобов для этой сетки, и из них следует определить контейнер.

ответ

3

В Susy Далее водосточные желоба устанавливаются как отношение (.25) к ширине столбца (77.5px). Учитывая эти настройки, Сьюзи может определить ширину желоба (77.5px * .25 = 19.375px).

Говоря о том, хочет статическую математику, .25 желобов и 77.5px колонны, вы уже установили ширину желоба, и контейнер уже можно вычислить. Если вы хотите, вы можете использовать реальные значения пикселей, чтобы установить соотношение водосточного:

$susy: (
    column-width: 77.5px, 
    gutters: 20px/77.5px, // same as ".258064516" 
); 

Gutter-override не является глобальным, а не поможете здесь. Этот параметр предназначен только для интервалов, когда вы хотите переопределить глобальное значение. Кроме того, я не рекомендую настройки субпикселя. Пиксели действительно не ломаются, а объявления с дробными пикселями не обрабатываются одинаково во всех браузерах.

+0

Perfect Thanks! – rctneil

+0

Могу ли я использовать ширину столбца жидкости со статическим желобом в px? –

+0

Да, установите ширину столбца и желобы таким же образом, но измените настройку 'math' на' fluid'. Я знаю, это немного запутанно. Мы работаем над лучшим способом сделать это в Susy 3. –

Смежные вопросы