UNPKG

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 1.96 kB
import { css } from 'lit'; export const styles = css `:host [part=splitter-bar] [part=drag-handle],:host [part=splitter-bar] [part*=collapse-btn],:host [part=splitter-bar] [part*=expand-btn]{opacity:0;transition:opacity .25s .5s ease;pointer-events:none}:host [part=splitter-bar]:focus-visible [part=drag-handle],:host [part=splitter-bar]:focus-visible [part*=collapse-btn],:host [part=splitter-bar]:focus-visible [part*=expand-btn]{opacity:.68;transition:opacity .15s ease;pointer-events:auto}:host [part=splitter-bar]{transition:all .25s .5s cubic-bezier(0.455, 0.03, 0.515, 0.955)}:host [part=splitter-bar]:hover [part=drag-handle],:host [part=splitter-bar]:hover [part*=collapse-btn],:host [part=splitter-bar]:hover [part*=expand-btn],:host [part=splitter-bar]:focus-visible:hover [part=drag-handle],:host [part=splitter-bar]:focus-visible:hover [part*=collapse-btn],:host [part=splitter-bar]:focus-visible:hover [part*=expand-btn]{opacity:1;transition:opacity .15s ease}:host([orientation=horizontal]) [part=splitter-bar]{transform:scaleX(0.1666666667)}:host([orientation=horizontal]) [part=splitter-bar]:hover,:host([orientation=horizontal]) [part=splitter-bar]:focus-visible{transform:scaleX(1);transition-delay:0s}:host([orientation=horizontal][disable-resize][disable-collapse]) [part=splitter-bar]:hover,:host([orientation=horizontal][disable-resize][disable-collapse]) [part=splitter-bar]:focus-visible{transform:scaleX(0.1666666667)}:host([orientation=vertical]) [part=splitter-bar]{transform:scaleY(0.1666666667)}:host([orientation=vertical]) [part=splitter-bar]:hover,:host([orientation=vertical]) [part=splitter-bar]:focus-visible{transform:scaleY(1);transition-delay:0s}:host([orientation=vertical][disable-resize][disable-collapse]) [part=splitter-bar]:hover,:host([orientation=vertical][disable-resize][disable-collapse]) [part=splitter-bar]:focus-visible{transform:scaleY(0.1666666667)}`; //# sourceMappingURL=splitter.indigo.css.js.map