JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<script src="https://unpkg.com/[email protected]/src/weighted-colors.scss"></script>
<div class="warning">This text should be red.</div>

SCSS

$color-weights: (
  red: (
    100: #fcc,
    400: #f00,
    700: #800
  )
);

.warning {
  color: color-weight(red);
}