JSFiddle - React, Tailwind, and code Playground

by AaronLayton

HTML

<div class="checkoutBox">
    <h2>Shopping Cart</h2>
    <p>Content</p>
</div>

SCSS

.checkoutBox {
    background:#fff;
    border:1px solid #000;
    padding:7px;

    h2 {
        background:#000;
        color:#fff;
        height:25px;
        line-height:25px;
        margin:-7px -7px 7px;

        font: {
            family:'ArialBlack';
            size:14px;
            style: italic;
            weight:bolder;
        }

        text: {
            indent:5px;
            transform:uppercase;
        }
    }

 }