JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<div class="resource" data-brand-color="#ff8800">
  <h1>Test</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus culpa, nostrum odio facilis perferendis nisi dolorum nesciunt quae voluptate omnis ea esse consequatur eius ad nulla, modi ratione, laudantium quidem.</p>
</div>

SCSS

.resource {
  border-left: 10px solid attr(data-brand-color color);
}