🔺Formas
La forma de los elementos de una interfaz define el grado de consistencia de la misma.
Plural DS describe la forma de los elementos con tres propiedades: border-radius, border-width y border-style. Para cada una de estas propiedades, contamos con una acotación de valores que utilizamos para definir todos los elementos de la interfaz.
Border radius
Token | Valor (rem) | Valor (px) |
--size-border-radius-00 | 0 | 0 (squared) |
--size-border-radius-01 | 0.25 | 4 |
--size-border-radius-02 | 0.5 | 8 |
--size-border-radius-03 | 3 | 48 (full rounded) |
Border width
Token | Valor (rem) | Valor (px) |
--size-border-width-01 | 0.063 | 1 |
--size-border-width-02 | 0.125 | 2 |
Border style
Token | Valor |
--style-border-01 | solid |
--style-border-02 | dotted |
--style-border-03 | dashed |
Última actualización
