Spacing

Sass

Spacing er viktig for å skape system, hierarki og god rytme på tvers av løsninger. Ved å etablere gode standarder for avstand blir det enklere og raskere for designere og utviklere å ta gode valg.

Skala

Variabel	Rem	Pixler
`$spacing-3xs`	`N/Arem`	`N/A`
`$spacing-2xs`	`N/Arem`	`N/A`
`$spacing-xs`	`N/Arem`	`N/A`
`$spacing-s`	`N/Arem`	`N/A`
`$spacing-m`	`N/Arem`	`N/A`
`$spacing-l`	`N/Arem`	`N/A`
`$spacing-xl`	`N/Arem`	`N/A`
`$spacing-2xl`	`N/Arem`	`N/A`
`$spacing-3xl`	`N/Arem`	`N/A`
`$spacing-4xl`	`N/Arem`	`N/A`

Praktisk

For å gjøre det lettere å jobbe med skalaen i Figma kan du sette verdien av "big nudge" til 8px. Dette gjør du under Hamburgermeny (øverst til venstre) → Preferences → Nudge Amount.

Hvordan bruke spacingskalaen?

Det er ingen konkret fasit på hvilke verdier i skalaen du skal benytte. Det vil avhenge av løsningen som designes.