如何在不使用mixin的情况下重用sass中的类?

jua*_*tas 27 sass twitter-bootstrap twitter-bootstrap-rails

我希望我的应用程序中的所有锚点看起来像.btn(Twitter Bootstrap类),有没有办法做到这一点?

我做到了

a{
  @include btn;
}
Run Code Online (Sandbox Code Playgroud)

但它不起作用,因为btn应该是一个mixin,它是一个Twitter Bootstrap类.

wis*_*sew 71

您想要使用@extend .btn;- @extend允许您继承选择器的所有属性,而不必将其定义为mixin.

  • 我做了一个{@extend .btn;}并且已编译的css没有任何{},可能会发生什么? (3认同)
  • `@extend`不能在媒体查询中使用.如果我想在媒体查询中使用外部库中的类,例如materialize,那么`@extend`不是一个选项,也不会进入库代码并将类声明更改为mixin声明.在这种情况下没有选择吗?其他预处理器使用普通类就好了,好像它们是mixins一样. (3认同)

Aak*_*oel 18

这正是你想要的=> https://github.com/thomas-mcdonald/bootstrap-sass

  1. 安装宝石 bootstrap-sass
  2. config.rb=>require 'bootstrap-sass'
  3. @import "bootstrap"; 在你的scss文件的顶部.

用来写

a {
  @extend .btn;
}
Run Code Online (Sandbox Code Playgroud)