如何在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代替