JSFiddle - React, Tailwind, and code Playground

by Angelos Chaidas

HTML

<button class="border border-solid font-semibold px-4 leading-10 rounded-md text-white border-adzuna-green-500 bg-adzuna-green-500 hover:border-adzuna-green-600 hover:bg-adzuna-green-600 active:border-adzuna-green-700 active:bg-adzuna-green-700 block">Submit</button>

SCSS

@media only screen and (max-width: 768px) {
  .element {
    opacity: 0.5;
  }
}