📐
Espaciado
La consistencia en el uso de una escala de espaciados coherente mejora la legibilidad y aporta solidez a la interfaz.
Nuestra escala de espaciados está definida en base a 4px. Aunque estos valores estén exentos de uso semántico, no se deben utilizar valores que estén fuera de esta escala.
Token | Valor (rem) | Valor (px) |
--size-spacing-00 | 0 | 0 |
--size-spacing-01 | 0.125 | 2 |
--size-spacing-02 | 0.25 | 4 |
--size-spacing-03 | 0.5 | 8 |
--size-spacing-04 | 1 | 16 |
--size-spacing-05 | 1.5 | 24 |
--size-spacing-06 | 2 | 32 |
--size-spacing-07 | 2.5 | 40 |
--size-spacing-08 | 3 | 48 |
--size-spacing-09 | 6 | 96 |
--size-spacing-10 | 12 | 192 |
Para utilizar estos valores en tokens semánticos con usos específicos en la interfaz, ver Decisiones (tokens de nivel 2).
Última actualización 2yr ago