JSFiddle - React, Tailwind, and code Playground

by ingomc

HTML

<h1>
  This is a colored H1
</h1>

<p>
  This is text, and this <strong>important</strong>.
  <br />
  And this is a <a href="#">link</a>
</p>

CSS

:root {
  --color: red;
}
h1 {
  color:var(--color);
}
p strong {
  color:var(--color);
}
a {
  background-color:var(--color);
  color:white;
}


body {
  font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}