@scania/tegel
Version:
Tegel Design System
32 lines • 719 B
CSS
:host {
background-color: var(--tds-header-avatar-item-background);
display: flex;
height: 84px;
}
:host .user-box {
gap: 16px;
width: 100%;
padding: 0 16px;
display: flex;
align-items: center;
border-bottom: 1px solid var(--tds-nav-dropdown-item-border-color);
}
:host img,
:host slot[name=thumbnail]::slotted(*) {
width: 34px;
border-radius: 100%;
}
:host .user-content {
display: flex;
flex-direction: column;
gap: 4px;
}
:host .user-content .header {
font: var(--tds-headline-07);
letter-spacing: var(--tds-headline-07-ls);
}
:host .user-content .subheader {
font: var(--tds-headline-07);
letter-spacing: var(--tds-headline-07-ls);
color: var(--tds-header-avatar-item-color);
}