@larva.io/webcomponents
Version:
Fentrica SmartUnits WebComponents package
40 lines (37 loc) • 1.12 kB
CSS
slot-fb[hidden], slot[hidden] {
display: initial ;
}
/**
* @prop --lar-list-item-padding-top: Top padding of the toolbar
* @prop --lar-list-item-padding-right: End padding of the toolbar
* @prop --lar-list-item-padding-bottom: Bottom padding of the toolbar
* @prop --lar-list-item-padding-left: Start padding of the toolbar
*/
:host {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
padding: var(--lar-list-item-padding-top, 0.5rem) var(--lar-list-item-padding-right, 0.5rem) var(--lar-list-item-padding-bottom, 0.5rem) var(--lar-list-item-padding-left, 0.5rem);
display: flex;
justify-content: space-between;
flex-direction: row;
}
.item-inner {
flex: 2;
flex-direction: inherit;
align-items: inherit;
align-self: stretch;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
box-sizing: border-box;
max-width: 100%;
width: 100%;
font-size: 0.9rem;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--lar-text-color-step-150, rgb(216.75, 216.75, 216.75));
}
:host(:empty) {
display: none ;
}