How to reuse a class in sass without using a mixin

Question

This question already has answers here:

Including another class in SCSS (5 answers)

Closed 3 years ago.

I want all my anchors in my application look like .btn (Twitter Bootstrap class), is there a way to make this?

I did

a{
  @include btn;
}

but it does not work because btn should be a mixin, and it's a Twitter Bootstrap class.

Answer 1

You want to use @extend .btn; - @extend allows you to inherit all the properties of a selector without having to define it as a mixin.

Answer 2

This is exactly what you want => https://github.com/thomas-mcdonald/bootstrap-sass

1. Install the gem bootstrap-sass
2. In config.rb => require 'bootstrap-sass'
3. @import "bootstrap"; at the top of your scss file.

To use write

a {
  @extend .btn;
}