@xs
1px@s / default
2px@m
3px@l
4px@xl
6pxBorder Reference ↓
Size scale
Color variants
default
primary
secondary
success
warning
danger
info
brand
accent
Usage on cards
:primary
:success
:danger @l
:brand @xl
Reference
Base
| Class | Values |
|---|
Modifiers
| Class | Values |
|---|---|
.ui-border@xs | 1px solid |
.ui-border@s | 1px solid (tighter) |
.ui-border@m | 2px solid |
.ui-border@l | 3px solid |
.ui-border@xl | 4px solid |
.ui-border:* | color: primary, secondary, success, warning, danger, info, brand, accent, default |
Options
| Class | Values |
|---|