SCSS extend example

index.html

<div class="about"> <!-- d-flex flex-row align-items-center -->
    <div class="about__name"> <!-- lead text-center -->
        Lorem Ipsum
    </div>
    <div class="about__content"> <!-- text-center -->
        Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
    </div>
</div>

index.scss

.about {
  @extend .d-flex;
  @extend .flex-row;
  @extend .align-items-center;
}

.about__name {
  @extend .text-center;
  @extend .lead;
  /* ... */

  color: red;
}

.about__content {
  @extend .text-center;
  /* ... */
  
}