Skip to content
plural
Plural DS
Opciones

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)
1
–size-border-radius-00
0
0 (squared)
2
–size-border-radius-01
0.25
4
3
–size-border-radius-02
0.5
8
4
–size-border-radius-03
3
48 (full rounded)
There are no rows in this table
Imagen mostrando la escala de los border radius, 0, 4, 8 y 48 pixeles.
Imagen mostrando los diferentes opciones de border radius aplicados a cada esquina formas cuadradas.
Border width
Token
Valor (rem)
Valor (px)
1
–size-border-width-01
0.063
1
2
–size-border-width-02
0.125
2
There are no rows in this table
Border style
Token
Valor
1
–style-border-01
solid
2
–style-border-02
dotted
3
–style-border-03
dashed
There are no rows in this table


Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.