西兰花-sass，node-sass，断点-sass

Question

我正在尝试在我的 Ember CLI 项目中将breakpoint-sass与broccoli-sass一起使用，但是使用 @include breakpoint(100px) 时它崩溃并出现以下错误：

cannot add or subtract numbers with incompatible units
 [string exception]

重现很简单：

# install latest version of ember-cli:
$ npm install -g ember-cli
# create a new app:
$ ember new breakpoint-sass-test
$ cd breakpoint-sass-test
# add broccoli-sass
$ npm install --save-dev broccoli-sass
# install breakpoint:
$ bower install breakpoint
# add the following line to `Brocfile.js`:
app.import('bower_components/breakpoint/breakpoint/_breakpoint.scss');
# add the following lines to `app/styles/app.scss`: 
@import "bower_components/breakpoint/breakpoint/_breakpoint.scss";
.test {
  @include breakpoint(100px) {
    display:none;
  }
}

Answer 1

broccoli-sass使用libsass（通过node-sass），而不是Ruby Sass实现，据我所知，断点-sass在这一点上不适用于libsass。你可以尝试像Bourbon/Neat这样的东西来获得与断点类似的功能。Neat有媒体混合，这与Breakpoint Sass非常相似。

http://thoughtbot.github.io/neat-docs/latest/#media