igniteui-webcomponents
Version:
Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.
3 lines • 728 B
JavaScript
import { css } from 'lit';
export const styles = css `[part~=base]{padding:.75rem .5rem;gap:2rem;background:rgba(0,0,0,0);min-height:3rem}[part~=base]::after{content:"";position:absolute;width:100%;inset-block-start:.25rem;inset-inline-start:0;height:calc(100% - 0.5rem);border-radius:var(--item-border-radius);z-index:-1}[part~=base]:hover,[part~=base]:focus-within{background:rgba(0,0,0,0)}[part~=base]:hover::after,[part~=base]:focus-within::after{background:var(--item-hover-background)}:host([active]) [part~=base]{background:rgba(0,0,0,0)}:host([active]) [part~=base]::after{background:var(--item-active-background)}[part~=base][part~=mini]{margin-inline:0;min-width:2.5rem}`;
//# sourceMappingURL=item.material.css.js.map