薩斯波旁威士忌整潔的斷點不工作

所以我是新來薩斯和波旁與整潔，由於某些原因我使用的斷點似乎沒有迴應。我已在薩斯進口像這樣薩斯波旁威士忌整潔的斷點不工作

//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";

在CONFIGS我

$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; } }

來源

2015-07-21 Packy

編譯後的輸出是什麼樣的？ – cimmanon

剛剛添加到這個問題@cimmanon – Packy

你明白這不是有效的CSS，對吧？ – cimmanon

貌似有一個語法錯誤，您的斷點應該被定義爲這樣的：

$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

來源

2015-09-20 16:49:31

薩斯波旁威士忌整潔的斷點不工作

回答

相關問題