JSFiddle - React, Tailwind, and code Playground

by Darren Galway

HTML

<div class="block block" title="darren" id="block"></div>

SCSS

.block {
  background: red;
  padding: 30px;
}

.block.block {
  background: green;
}

.block[title='darren'] {
  background: orange;
}

#block {
  background: pink;
}

.block {
  background: salmon !important;
}

// THEME\
$red: red !default;





// VARS.SCSS
$red: orange;




.block {
  background: $red !important;
}