<div class="bg--info rounded--5 pa--2">.bg--info</div>
<div class="bg--info--gradient rounded--5 pa--2">.bg--info--gradient</div>
<div class="bg--success rounded--5 pa--2">.bg--success</div>
<div class="bg--success--gradient rounded--5 pa--2">.bg--success--gradient</div>
<div class="bg--warning rounded--5 pa--2">.bg--warning</div>
<div class="bg--warning--gradient rounded--5 pa--2">.bg--warning--gradient</div>
<div class="bg--danger rounded--5 pa--2">.bg--danger</div>
<div class="bg--danger--gradient rounded--5 pa--2">.bg--danger--gradient</div>