Я использую 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.
Что не так и как это исправить?