Spacing

Bruk av spacing

Luft i og mellom komponenter er en viktig ingrediens i visuell design, men blir ofte overlatt til tilfeldighetene. Tilnærmingen kan imidlertid systematiseres med enkle grep.

Fremfor å definere luft med hardkodede verdier i hvert enkelt tilfelle bruker vi et sett med variabler som spiller på lag med hverandre. Dette bidrar til at komponentene skalerer på en mer forutsigbar måte i forhold til hverandre. Variablene er basert på 8pt Grid.

Variabler

Disse Less-variablene kan brukes til å definere margin og padding i og rundt komponenter og innhold.