.btn-b extends .btn-a:
.btn-a {
    display: inline-block;
    padding: 10px;
}
.btn-b {
    @extend .btn-a;
    background-color: black;
}
Result in regular CSS:
.btn-a, .btn-b {
    display: inline-block;
    padding: 10px;
}
.btn-b {
    background-color: black;
}
by Valeri Tandilashvili
4 years ago
Sass
inheritance
Sass Tutorial for Beginners
0
Pro tip: use ```triple backticks around text``` to write in code fences