JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<div class="foo">
  foo
</div>

CSS

.foo {
  --if: initial;
  padding: 2rem;

  background-color: var(--if, red);
  border: var(--if) 10px double red;
}

@media screen and (min-width: 800px) {
  .foo {
    --if: ;
  }
}