Radius
Border-radius is used to give any element rounded corners. Use the below defined tokens to set radiuses consistently.
| Demo | Value | SCSS Variables |
|---|---|---|
| 0 | $gel-radius-none | |
| 0.25rem | $gel-radius-sm | |
| 0.5rem | $gel-radius-md | |
| 0.75rem | $gel-radius-lg | |
| 50% | $gel-radius-circle |