Gå til hovedinnhold
Entur logo – designsystemets starside
TOKENS

Shadows

Shadows brukes til å definere skyggeeffekter i CSS, som legger til dybde og dimensjon på elementer.

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

.card:hover {
    box-shadow: $shadows-card-shadow-hover;
}

Shadows

NavnVerdi
0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56
0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff
0 0.0625rem 0.1875rem 0 rgba(0,0,0, 0.12)
0 0.125rem 1rem 0 rgba(0,0,0, 0.1)
0 0.0625rem 0.1875rem 0 rgba(57,61,121, 1)
0 0.125rem 1rem 0 rgba(57,61,121, 1)
0 0.0625rem 0.1875rem rgba(0,0,0, 0.25)
0 0.0625rem 0.1875rem rgba(57,61,121, 1)
Rediger denne siden på GitHub