брокколи дерзости, узел-дерзость, контрольная точка-дерзость

Question

Я пытаюсь использовать breakpoint-sass с broccoli-sass в моем проекте Ember CLI, но при использовании @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

брокколи дерзость использует libsass (через узел-дерзость), вместо реализации Рубин Sass, и контрольная точка-дерзость не работает с libsass на данный момент, насколько я знаю. Вы можете попробовать что-то вроде Bourbon/Neat, чтобы получить аналогичную функциональность для точки останова. У Neat есть медиа-mixin, который очень похож на Breakpoint Sass.

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