JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<div class="foo">
    
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, adipisci. Asperiores eligendi velit quasi harum libero, ad illum!
    
</div>


<div class="foo baz">
    baz Lorem ipsum dolor sit amet, consectetur adipisicing.
</div>

<div class="foo bar_blood">
    Lorem ipsum dolor sit amet, consectetur adipisicing.
</div>

SCSS

.foo {
    background: gold;
    margin-bottom: 30px;
    &.baz,
    &[class*="bar_"] {
        background: red;
    }
}