Shape
Os shapes do Nimbus se baseiam em múltiplos de 4px, gerando escalas de radius que podem variar de acordo com a necessidade da interface.
Reference | Token name | Token usage | Role |
|---|---|---|---|
0.375rem | shape-border-radius-base | base | - |
50% | shape-border-radius-half | half | - |
9999px | shape-border-radius-full | full | It can be used in small or fully rounded elements with or without interactions. |
0.125rem | shape-border-radius-0-5 | 0-5 | - |
0.25rem | shape-border-radius-1 | 1 | It can be used in medium or small elements with or without interactions. |
0.5rem | shape-border-radius-2 | 2 | It can be used on medium or large elements with or without interactions. |
0.75rem | shape-border-radius-3 | 3 | - |
1rem | shape-border-radius-4 | 4 | - |
1.25rem | shape-border-radius-5 | 5 | - |
1.5rem | shape-border-radius-6 | 6 | - |
0.0625rem | shape-border-width-1 | 1 | - |
0.125rem | shape-border-width-2 | 2 | - |
0.1875rem | shape-border-width-3 | 3 | - |
1rem | shape-border-width-4 | 4 | - |
1.25rem | shape-border-width-5 | 5 | - |