igniteui-webcomponents/components/splitter/themes/splitter.base.css.js

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.

import { css } from 'lit';
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;width:100%;height:100%}:host [part=base]{width:100%;height:100%;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host [part~=start-pane],:host [part~=end-pane]{display:flex;flex:1 1 auto;width:100%;height:100%;overflow:auto;box-sizing:border-box}:host ::slotted(*){flex:1 1 auto;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box}:host [part=splitter-bar]{display:flex;flex-shrink:0;justify-content:center;cursor:var(--cursor, default);box-sizing:content-box}:host [part=splitter-bar] [part*=collapse-btn],:host [part=splitter-bar] [part*=expand-btn]{cursor:pointer;width:0;height:0}:host([orientation=horizontal]) [part=base]{flex-direction:row}:host([orientation=horizontal]) [part=splitter-bar]{flex-direction:column;height:100%}:host([orientation=horizontal]) [part=drag-handle]{height:25%;margin:3rem 0}:host([orientation=vertical]) [part=base]{flex-direction:column}:host([orientation=vertical]) [part=splitter-bar]{flex-direction:row;width:100%}:host([orientation=vertical]) [part=drag-handle]{width:25%;margin:0 3rem}:host(:state(start-collapsed)) [part=start-pane]{display:none}:host(:state(end-collapsed)) [part~=end-pane]{display:none}:host([disable-resize][orientation=horizontal]) [part=start-collapse-btn],:host([hide-drag-handle][orientation=horizontal]) [part=start-collapse-btn]{margin-block-end:3rem}:host([disable-resize][orientation=vertical]) [part=start-collapse-btn],:host([hide-drag-handle][orientation=vertical]) [part=start-collapse-btn]{margin-inline-end:3rem}`;
//# sourceMappingURL=splitter.base.css.js.map