.ComponentName-descendantName--modifierName {}
.block-name__element-name--modifier-name {}
%btn-base { /* styles */ } .btn { @extend %btn-base; } .btn-primary { @extend %btn-base; // additional styles
} // example usage: <button class="btn-primary">Submit</button>
%btn-base { /* styles }
.btn { @extend %btn-base; }
.btn-primary {
// additional styles
}
// example usage: <button class="btn btn-primary">Submit</button>