<template>
    <div class="_background:info-shade-150!">Info Shade 15%</div>

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

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

    <div class="_background:info!">Info</div>

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

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

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

    <hr />

    <div class="_background:info-50!">Info 5%</div>

    <div class="_background:info-100!">Info 10%</div>

    <div class="_background:info-200!">Info 20%</div>

    <div class="_background:info-300!">Info 30%</div>

    <div class="_background:info-400!">Info 40%</div>

    <div class="_background:info-500!">Info 50%</div>

    <div class="_background:info-600!">Info 60%</div>

    <div class="_background:info-700!">Info 70%</div>

    <div class="_background:info-800!">Info 80%</div>

    <div class="_background:info-900!">Info 90%</div>
</template>
