Espaciado

Actualizado el 24/10/2024

Espacios

Estos son los espaciados admisibles dentro de los componentes. Se emplean principalmente como padding.

SpacingSass variable
4px$spacing-xxs
8px$spacing-xs
12px$spacing-s
16px$spacing-m
24px$spacing-l
32px$spacing-xl
40px$spacing-xxl
48px$spacing-xxxl

Márgenes

Estas son las distancias admisibles entre componentes. Se emplean principalmente como Margin.

LayoutSass variable
8px$layout-xxs
16px$layout-xs
24px$layout-s
32px$layout-m
40px$layout-l
48px$layout-xl
56px$layout-xxl
64px$layout-xxxl
80px$layout-xxxxl