西兰花sass、节点sass、断点sass

我试图在我的Ember CLI项目中将

断点sass

与

花椰菜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;
  }
}

---

西兰花sass使用libsass（通过节点sass），而不是Ruby sass实现，据我所知，断点sass目前不适用于libsas。您可以尝试Bourbon/Neat之类的方法来获得与断点类似的功能。Neat有媒体混合，这与断点SAS非常相似