JSFiddle - React, Tailwind, and code Playground

by NicoO

HTML

<div class="main">
    <div class="main-element">Content</div>
    <div class="outside">Content</div>
</div>
<div class="outside">Content</div>

SCSS

.main {

  %abstract {
    color: red;
  }

  .main-element {
    @extend %abstract;
  }

}

.outside {
  @extend %abstract;  
}