如何在rails/sass中重用（擴展）引導程序css類

Question

我在core.scss文件中輸入其他scss文件（例如：_modals.css）中的@import「boostrap」。

在modals.css我想延長一些自舉類：

.modal-container { 
    @extend .row; 
} 

，延長預期不工作：第42行的

警告....../_modals.css.scss： 「.row」無法@extend「.row」。未找到選擇器「.row」。 這將是未來版本的Sass中的錯誤。如果擴展應該能夠失敗，請使用「@extend .row ！可選」。

• 我把它的工作是在@import _modals.scss「引導」了，但這實際上包括這個文件裏面全bootsrap的唯一途徑...

  另一種方案是移動延伸CSS在 core.css文件中的所有定義 - 在這種情況下 - CSS在更短的結構化......

我應該怎麼做正確？

Answer 1

問題是因爲我還通過sass require/require_tree命令導入了文件。

*= require_tree ./autoinclude 

如果所有文件都通過@import函數導入，一切正常！

@import "autoinclude/*"; 

Answer 2

.row必須位於前面幾行代碼中的某個位置。

@extend不太好，你不能在媒體查詢中使用它， 如果你過度使用它，你最終會在代碼中引入不一致。

在另一個文件中定義一個mixin並使用@import代替