JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<div class="foo">Foo</div>
<div class="bar">Bar</div>
<div class="bin">Bin</div>

SCSS

@mixin foo {
    background: skyblue;
}

.foo {
    background: skyblue;
}

@media (min-width: 600px) {
    .bar {
        @extend .foo;
    }
    .bin {
        @include foo;
    }
}