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
Navn | Verdi |
---|---|
2px (0.125rem) | |
1px (0.0625rem) | |
2px (0.125rem) | |
4px (0.25rem) |
Border-radius
Navn | Verdi |
---|---|
1px (0.0625rem) | |
1px (0.0625rem) | |
4px (0.25rem) | |
8px (0.5rem) |