Border radius
Radius tokens are relative to the baseSize. Use radius tokens to define the border-radius of an element.
Tokens
Class name | CSS variable | Value | Example |
|---|---|---|---|
| rounded-none | --mobase-radius-none | 0px | |
| rounded-sm | --mobase-radius-sm | 0.125rem | |
| rounded | --mobase-radius-default | 0.25rem | |
| rounded-md | --mobase-radius-md | 0.375rem | |
| rounded-lg | --mobase-radius-lg | 0.5rem | |
| rounded-xl | --mobase-radius-xl | 0.75rem | |
| rounded-2xl | --mobase-radius-2xl | 1rem | |
| rounded-3xl | --mobase-radius-3xl | 1.5rem | |
| rounded-full | --mobase-radius-full | 9999px |