JSFiddle - React, Tailwind, and code Playground

by Alexandr Loginov

HTML

<div class="am-box">
    <p class="am-box__item am-box__item_color_red">1</p>
    <p class="am-box__item am-box__item_color_green">2</p>
    <p class="am-box__item am-box__item_color_tomato">3</p>
</div>

SCSS

.am-box {
  &__item {
    font-size: 20px;
    font-weight: bold;
    &_color {
      &_red {
        color: red;
      }
      &_green {
        color: green;
      }
      &_tomato {
        color: tomato;
      }
    }
  }
}