JSFiddle - React, Tailwind, and code Playground

by klierik

HTML

<input type="checkbox" id="a">
<hr>
<label for="a">Toggle</label>

SCSS

body {
  padding: 10%;
}

input {
  font-size: 0;
  
  &:before {
    display: block;
    width: 20px;
    height: 20px;
    
    content: '';
    
    background: red;
  }
  
  &:checked {
    &:before {
      background: blue;
    }
  }
}