🔺
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
Copiar enlace
Esquema
Border radius
Border width
Border style