使用带有libsass的susy - 输出错误

Question

我正在使用libsass，因为它比ruby sass更快并且使用bower导入susy。

@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填充输出与ruby sass输出的方式不同。

有什么问题以及如何解决？

Answer 1

我意识到这根本没有错，我忘了添加：@include border-box-sizing;

我希望它可以帮助别人。