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

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

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

    <div class="_background:success!">Success</div>

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

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

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

    <hr />

    <div class="_background:success-50!">Success 5%</div>

    <div class="_background:success-100!">Success 10%</div>

    <div class="_background:success-200!">Success 20%</div>

    <div class="_background:success-300!">Success 30%</div>

    <div class="_background:success-400!">Success 40%</div>

    <div class="_background:success-500!">Success 50%</div>

    <div class="_background:success-600!">Success 60%</div>

    <div class="_background:success-700!">Success 70%</div>

    <div class="_background:success-800!">Success 80%</div>

    <div class="_background:success-900!">Success 90%</div>
</template>
