JSFiddle - React, Tailwind, and code Playground

by Richard Hunter

HTML

<div class="alphacontainer">
  <div class="alpha-1"></div>
  <div class="alpha-2"></div>
  <div class="alpha-3"></div>

</div>
<div class="beta">

  <div class="beta-1"></div>
  <div class="beta-2"></div>
  <div class="beta-3"></div>

</div>

CSS

.alphacontainer {
  background: yellow;
  margin: 50px 0;

}

.beta {
  background: pink;
  padding: 10px;
  margin: 20px 0;
}

[class|=alpha] {
  padding: 10px;
  margin: 10px;
}

.alpha-1 {
  background: green;
}

.alpha-2 {
  background: red;
}

.alpha-3 {
  background: blue;
}

}

}