JSFiddle - React, Tailwind, and code Playground

by fxi

HTML

<div class="class-tags">
  <div class="class-tag red"></div>
  <div class="class-tag blue"></div>
  <div class="class-tag green"></div>
</div>

CSS

body,
html {
  width: 100%;
  height: 100%;
  padding: 10px;

}

.class-tags .class-tag {
    height: 5px;
    width: 5px;
    border-radius: 100%;
    display: inline-block;
}

.class-tags .class-tag:hover{
  width:7px;
  height:7px;
}

.class-tags .class-tag.red {
  background-color: #F00
}

.class-tags .class-tag.blue {
  background-color: #00F
}

.class-tags .class-tag.green {
  background-color: #0F0
}