JSFiddle - React, Tailwind, and code Playground

by Константин Дралюк

HTML

<div class="preloader">
  <div class="preloader__element preloader__blue"></div>
  <div class="preloader__element preloader__green"></div>
  <div class="preloader__element preloader__red"></div>
</div>

SCSS

.preloader {
  &__element {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    &__blue {
      background: blue;
    }
    &__green {
      background: green;
    }
    &__red {
      background: red;
    }
  }
}