Sass bourbon аккуратные точки останова не работают

Question

Итак, я новичок в Sass and Bourbon with Neat, и по какой-то причине точки останова, которые я использую, похоже, не реагируют. Я Sass импорта, как так

//Bourbon 
@import "bourbon/app/assets/stylesheets/bourbon"; 

//Neat 
@import "neat/app/assets/stylesheets/neat"; 

// Scut, a Sass utilities library: https://davidtheclark.github.io/scut/ 
@import "scut/dist/scut"; 

// Configuration variables 
@import "config"; 

// Configuration layouts 
@import "layout"; 

В конфиги у меня есть

$break-tablet: new-breakpoint(min-width 480px, 6); 
$break-desktop: new-breakpoint(min-width 761px, 10); 

Тогда в макете я хотел бы использовать что-то вроде этого, не повезло

#responsive-menu-toggle { 
    @include media($break-desktop) { 
     display: none; 
    } 
} 

Я пропускаю что-то ??

Исполняет в

@media screen and (min-width: min-width 761px 100px) { 
    #responsive-menu-toggle { 
    display: none; } } 

Answer 1

Похоже, что есть ошибка синтаксиса, ваши контрольные точки должны быть определены как таковые:

$break-tablet: new-breakpoint(min-width 480px 6); 
$break-desktop: new-breakpoint(min-width 761px 10); 

Если вы посмотрите документацию это эффективно не достаточно ясно из синтаксиса , но только из примеров: http://thoughtbot.github.io/neat-docs/latest/#new-breakpoint