JSFiddle - React, Tailwind, and code Playground

by laustdeleuran

HTML

<div class="test--dash"></div>
<div class="test~~tilde"></div>
<div class="test==equal"></div>
<div class="test++plus"></div>
<div class="test**star"></div>
<div class="test%%pct"></div>
<div class="test^^hat"></div>

CSS

div {
  width: 100px;
  height: 100px;
  margin: 10px;
  float: left;
  
  background: #ccc;
}
.test--dash {
  background: blue;
}
.test~~tilde {
  background: red;
}
.test==equal {
  background: green;
}
.test++plus {
  background: yellow;
}
.test**star {
  background: teal;
}
.test%%pct {
  background: orange;
}
.test^^hat {
  background: violet;
}