Spacing

Vårt spacing system baserer seg på standardariserte klesstørrelser fra XS til XXXL. Spacing M er default. Størrelsesskalaen baserer seg på 4-punktsystem hvor verdien må kunne deles på 4 som gjør det enkelt å standardisere størrelsesforhold i designet.

Spacing brukes for eksempel innenfor konteksten til en komponent (for eksempel avstand mellom en label og et inputfelt). Det kan også brukes til å lage avstand mellom komponenter i en layout (for eksempel avstand mellom et inputfelt og en nedtrekksmeny). Denne avstandsskalaen kontrollerer mengden av whitespace mellom komponenter og layout.

@use '@entur/tokens/dist/styles.scss';

.card {
  padding: $space-large;
}