bootstrapでよく使うクラスをまとめて新しいクラスを作ることは可能ですか？

Question

例えば、

btn btn-primary w-100 p-3

上記組み合わせをアプリケーションのいろいろなところで利用するとして、

.basic_btn {
  btn btn-primary w-100 p-3
}

こんな感じでまとめて、basic_btnというクラス名で利用していくみたいなことは可能でしょうか。

よろしくお願い致します。

Answer 1

すみません。解決しました。この記事にあるように
https://uxplanet.org/how-to-customize-bootstrap-b8078a011203

.btn_basic{
  @extend .btn;
  @extend .btn-primary;
  @extend .w-100; 
  @extend .p-3;
}

bootstrapをscssファイルにインポートしてそれをextendでいけました。