JSFiddle - React, Tailwind, and code Playground

by vishalvasani

HTML

<a href="#">This is a weird fish 🐡</a>

PostCSS (Stage 0+)

body {
  padding: 20px;
  font-family: system-ui;
}

a {
  --some-length: 256px;
  
  background-color: #20262e;
  color: #fff;
  border-radius: 3px;
  padding: 20px;
  font-size: 14px;
  display: block;
  height: var(--some-length);
  width: var(--some-length);

  &:hover {
    background-color: rgb(0 0 100% / 50%);
  }
}