Использование susy с libsass — неправильный вывод

Я использую libsass, так как он быстрее, чем ruby ​​sass, и импортирую susy с помощью bower.

@import "../bower_components/susy/sass/susy";

$susy: (
    columns: 12,
    gutter-position: inside,
    global-box-sizing: border-box
);

#content {
    background-color: red;
    @include span(9);
}

#sidebar {
    background-color: blue;
    @include span(3);
}

И вывод:

#content {
  background-color: red;
  width: 75%;
  float: left;
  padding-left: 0.8333333333%;
  padding-right: 0.8333333333%;
}

#sidebar {
  background-color: blue;
  width: 25%;
  float: left;
  padding-left: 0.8333333333%;
  padding-right: 0.8333333333%;
}

Он не работает должным образом, он разрывает страницу. Однако выход ruby ​​sass меняет только отступ на 0.83333%, и все в порядке.

Как вы можете видеть выше, вывод libsass padding сильно отличается от вывода ruby ​​sass.

Что не так и как это исправить?


person Mireba    schedule 20.10.2015    source источник


Ответы (1)


Я понял, что это совсем не так, забыл добавить: @include border-box-sizing;

Я надеюсь, что это поможет другим.

person Mireba    schedule 20.10.2015