Sass bourbon neat breakpoints not working -

so new sass , bourbon neat , reason breakpoints using dont seem responding. have sass importing

//bourbon @import "bourbon/app/assets/stylesheets/bourbon";  //neat @import "neat/app/assets/stylesheets/neat";  // scut, sass utilities library: https://davidtheclark.github.io/scut/ @import "scut/dist/scut";  // configuration variables @import "config";  // configuration layouts @import "layout"; 

in configs have

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

then in layout use no luck

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

am missing something??

complies

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

looks there's syntax error, breakpoints should defined such:

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

if @ documentation not clear enough syntax, examples: http://thoughtbot.github.io/neat-docs/latest/#new-breakpoint