2015-01-26 4 views
1

Это мой сУсИ конфигурацииЧто случилось с функцией желоба/mixin в 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(); 
} 

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

Или

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

выводит сообщение об ошибке: Неверная нулевая операция: "15.75092% плюс nu ll "

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

+0

не мой ответ поможет вам? – yivi

ответ

1

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

Это gutter-position: after, а не gutter-position: right. (Допустимые значения: these).

Просмотреть работу here.

(Спойлер предупреждение, выход для вашего кода

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

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

С уважением.

+0

Да, это мой плохой, действительно благодаря Вам. – Lamp27

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