<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
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.