<header>
    <div class="title">
        <h1>Belajar SASS</h1>
        <span class="slogan">Gampang bangeett!!</span>
    </div>
</header>
// membuat variabel
$border-default: 4px solid black;
$backgroun-utama: #008080;
$teks-putih: white;

.title {
    background: $backgroun-utama;
    color: $teks-putih;
    border: {
        top: $border-default;
        bottom: $border-default;
    }
    text-align: center;
    padding: 60px;
    font-family: sans;
    .slogan {
        font-size: 18px;
        color: $teks-putih;
    }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.