Untuk properti
background-color, kami telah menyediakan class bernama
.bg-{color}-{level}
yang mana
{color}
adalah nama warna, dan
{level}
adalah tingkatan warna tersebut.
Semakin tinggi level warna yang digunakan maka semakin gelap warna tersebut, semakin rendah level warna yang digunakan maka semakin putih warna tersebut.
Dimana saya bisa menemukan semua warna?
Nah, untuk melihat semua warna yang kami sediakan, kamu bisa berkunjung ke halaman Colors yang ada di menu, di samping. Di halaman tersebut kamu bisa melihat banyak nama warna berserta level-nya
Berikut contoh penggunaannya:
<div class="bg-cyan-400 p-1 radius-0.5">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Molestias, magnam ipsam. Labore perferendis porro obcaecati
voluptas eos! Ratione, officiis omnis, inventore rem, debitis eius aliquam earum maiores nisi tempore veritatis.
</div>
<div class="bg-blue-400 p-1 radius-0.5 my-1">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Molestias, magnam ipsam. Labore perferendis porro obcaecati
voluptas eos! Ratione, officiis omnis, inventore rem, debitis eius aliquam earum maiores nisi tempore veritatis.
</div>
<div class="bg-indigo-400 p-1 radius-0.5">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Molestias, magnam ipsam. Labore perferendis porro obcaecati
voluptas eos! Ratione, officiis omnis, inventore rem, debitis eius aliquam earum maiores nisi tempore veritatis.
</div>