Что случилось с функцией желоба/примесью в Susy 2?

Это мой сузи конфиг

$susy: (
    flow: ltr,
    math: fluid,
    output: float,
    gutter-position: right,
    container: 1000px,
    container-position: center,
    columns: 12,
    gutters: .15,
    column-width: false,
    global-box-sizing: content-box,
    last-flow: to,
    debug: (
            image: show,
            color: rgba(#66f, .25),
            output: overlay,
            toggle: top right,
    ),
    use-custom: (
            background-image: true,
            background-options: false,
            box-sizing: true,
            clearfix: false,
            rem: true,
    )
);

Тестовый код:

.test {
    @include gutter();
    margin-bottom: gutters();
}

После компиляции они ничего не возвращают...

Or

.test {
      margin-left: span(2) + gutters(2);
}

Отображает ошибку: Неверная операция с нулевым значением: "15,75092% плюс ноль"

В чем проблема?


compass-sass susy-compass susy-sass susy susy-next
person Lamp27    schedule 26.01.2015    source источник
comment
тебе мой ответ не помог?   -  person yivi    schedule 28.01.2015

Ответы (1)


arrow_upward
1
arrow_downward

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

Это gutter-position: after, а не gutter-position: right. (Действительные настройки: эти).

Посмотрите, как это работает здесь.

(Осторожно, спойлер, вывод для вашего кода

.test {
  margin-right: 1.0989%;
  margin-bottom: 1.0989%;
}

.test2 {
  background: red;
  margin-left: 22.72766%;
}

С Уважением.

person yivi    schedule 26.01.2015