我有几个使用Sass的@extend或@include从引入的Bootstrap scss文件中继承属性的样式。
我想将所有Bootstrap选择器转换为仅@extend占位符,这样我就不必在最终的.css输出中包含任何原始Bootstrap选择器。目标是编写自己的css类,只在需要时从Bootstrap继承。
例如,我希望有一个名为.super-freaky-nav的导航栏:
.super-freaky-nav{
@extend .navbar;
@extend .navbar-default;
@extend .navbar-top-fixed;
}
理想情况下,我的最终.css输出不会有任何对 .navbar、.navbar-default 或 .navbar-top-fixed 的引用。
是否有一种方法可以在不进入 _navbar.scss 文件并将所有选择器转换为 @extend-Only 类(%navbar、%navbar-default、%navbar-top-fixed 等)的情况下实现这一点?
谢谢!