如何在rails/sass中重用(扩展)bootstrap css类

Question

我在core.scss文件中@import"boostrap",它还导入其他scss文件(例如:_modals.css).

在modals.css中我想扩展一些引导类:

.modal-container {
  @extend .row;
}

并且扩展不能按预期工作:

警告在....../_ modals.css.scss的第42行:".do"未能@extend".row".找不到选择器".row".这将是Sass未来版本中的错误.如果扩展应该能够失败,请使用"@extend .row!optional".

• 我使其工作的唯一方法是在_modals.scss中再次@import"bootstrap",但这实际上包括此文件中的整个bootsrap ...

  另一个解决方案是移动所有在core.css文件中扩展css的定义 - 在这种情况下 - css的结构要少得多......

我该怎么做呢？

Answer 1

问题是因为我还通过 sass require/require_tree 命令导入文件。

 *= require_tree ./autoinclude

如果所有文件都通过 @import 函数导入，则一切正常！

@import "autoinclude/*";