Gå til hovedinnhold
Entur logo – designsystemets starside
TOKENS

Border

Border-tokens brukes til å definere grensene til et element i CSS.

Border-tokens definerer tykkelse og radius på kantene til elementer. Tokensene gjør det enkelt å opprettholde konsistens i løsningen din og følge Entur brandet.

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

.card {
    border: semantic.$stroke-accent $border-widths-default solid;
}

Border-bredde

NavnVerdi
2px (0.125rem)
1px (0.0625rem)
2px (0.125rem)
4px (0.25rem)

Border-radius

NavnVerdi
1px (0.0625rem)
1px (0.0625rem)
4px (0.25rem)
8px (0.5rem)
Rediger denne siden på GitHub