Border radius
Atomic classes for managing an element’s border-radius properties.
Classes
🔗| Class | CSS |
|---|---|
.bar0 |
border-radius: 0; |
.bar-xs |
border-radius: 3px; |
.bar-sm |
border-radius: 5px; |
.bar-md |
border-radius: 8px; |
.bar-lg |
border-radius: 16px; |
.bar-xl |
border-radius: 24px; |
.bar-circle |
border-radius: 100%; |
.btlr-* |
border-top-left-radius: *; |
.btrr-* |
border-top-right-radius: *; |
.bblr-* |
border-bottom-left-radius: *; |
.bbrr-* |
border-bottom-right-radius: *; |
.btr-* |
border-top-radius: *; |
.bbr-* |
border-bottom-radius: *; |
.blr-* |
border-left-radius: *; |
.brr-* |
border-right-radius: *; |