Rounded
Use our different classes to change the border-radius of your elements.
Rounded#
You can round any content using the .rounded- class.
.rounded-0
.rounded-1
.rounded-2
.rounded-3
.rounded-4
.rounded-full
Rounded on specific corners#
You can round any corner of an element. To make it, use the following classes :
| Description | Class name | Possible values |
|---|---|---|
| Top left corner radius | .rounded-tl{value} |
0 | 1 | ... | 4 or full |
| Top right corner radius | .rounded-tr{value} |
0 | 1 | ... | 4 or full |
| Bottom right corner radius | .rounded-br{value} |
0 | 1 | ... | 4 or full |
| Bottom left corner radius | .rounded-bl{value} |
0 | 1 | ... | 4 or full |