Border

• src
• utilities
• border.scss

---

Class list

Description

Above, classes starting with b stands for border, and classes starting with r stands for radius (referring to the border-radius property).

Otherwise, t stands for top, b stands for bottom, l stands for left, r stands for right.

Border examples

<div class="p-2 mb-2 clearfix">
    <div class="p-2 mr-1 b to-left"></div>
    <div class="p-2 mr-1 bt to-left"></div>
    <div class="p-2 mr-1 bb to-left"></div>
    <div class="p-2 mr-1 bl to-left"></div>
    <div class="p-2 mr-1 br to-left"></div>
</div>

Radius examples

<div class="p-2 clearfix mb-2">
    <div class="p-2 mr-1 r danger to-left"></div>
    <div class="p-2 mr-1 rtl danger to-left"></div>
    <div class="p-2 mr-1 rtr danger to-left"></div>
    <div class="p-2 mr-1 rbl danger to-left"></div>
    <div class="p-2 mr-1 rbr danger to-left"></div>
    <div class="p-2 mr-1 r-round danger to-left"></div>
</div>