在我的应用程序中,我经常编写不得不调整我的HTML以匹配第三方提供的样式表。我最喜欢做的是拥有一个"适配器"用SCSS编写,大量使用@extend
来适应第三方CSS到我的HTML。乍一看,这看起来相当简单(使用Bootstrap作为第三方CSS的示例):
@import 'bootstrap';
.app {
& > .right-nav {
@extend .col-sm-3;
}
}
但是,在此示例中,将包含所有Bootstrap。最好只包含我的适配器实际使用的定义。类似于@mixin
的东西,只有在使用时才输出CSS。
这是可能的,还是有办法写一个"插件"让我到那里?