<template>
    <div class="_background:white!">White</div>

    <div class="_background:gray!">Gray</div>

    <div class="_background:black!">Black</div>

    <div class="_background:transparent!">Transparent</div>

    <hr />

    <div class="_background:gray-shade-150!">Gray Shade 15%</div>

    <div class="_background:gray-shade-100!">Gray Shade 10%</div>

    <div class="_background:gray-shade-50!">Gray Shade 5%</div>

    <div class="_background:gray!">Gray</div>

    <div class="_background:gray-tint-50!">Gray Tint 5%</div>

    <div class="_background:gray-tint-100!">Gray Tint 10%</div>

    <div class="_background:gray-tint-150!">Gray Tint 15%</div>

    <hr />

    <div class="_background:gray-50!">Gray 5%</div>

    <div class="_background:gray-100!">Gray 10%</div>

    <div class="_background:gray-200!">Gray 20%</div>

    <div class="_background:gray-300!">Gray 30%</div>

    <div class="_background:gray-400!">Gray 40%</div>

    <div class="_background:gray-500!">Gray 50%</div>

    <div class="_background:gray-600!">Gray 60%</div>

    <div class="_background:gray-700!">Gray 70%</div>

    <div class="_background:gray-800!">Gray 80%</div>

    <div class="_background:gray-900!">Gray 90%</div>
</template>
