@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
35 lines • 945 B
CSS
/*
* Avatar theme
*
*/
/*
* Utilities
*/
.dnb-avatar {
--avatar-font-size--large: var(--font-size-x-large);
--avatar-font-size--x-large: var(--font-size-x-large);
--color: var(--sb-color-white);
}
.dnb-avatar--primary {
--background-color: var(--sb-color-purple-alternative);
}
.dnb-avatar--secondary {
--background-color: var(--sb-color-violet-light);
}
.dnb-avatar--tertiary {
--background-color: var(--sb-color-violet-light-2);
--color: var(--sb-color-purple-alternative);
}
.dnb-avatar--size-large {
font-weight: var(--sb-font-weight-basis);
font-family: var(--font-family-heading);
}
.dnb-avatar--size-x-large {
font-weight: var(--sb-font-weight-basis);
font-family: var(--font-family-heading);
}
.dnb-avatar__group {
--avatar-font-size-left--medium: var(--font-size-basis);
--avatar-font-size-left--large: var(--sb-font-size-medium--plus);
--avatar-font-size-left--x-large: var(--sb-font-size-medium--plus);
}