JSFiddle - React, Tailwind, and code Playground

by Alexandru Gatea

HTML

<div class="product">
    <div class="product-item">
        <div class="product-item-name"></div>
    </div>
</div>

SCSS

.product {
    display: block;
    &-item {
        display: block;
        .product-item-name {
            display: block;
        }
    }
}