@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
11 lines (10 loc) • 2.96 kB
TypeScript
export declare const styleData = "@layer ui5-webcomponents-react{._splitter_ce1yt_1{touch-action:none;position:relative;display:flex;will-change:flex;background-color:var(--sapShell_Background);align-items:center;justify-content:center;box-sizing:border-box;&[data-splitter-vertical]{&:focus{outline-offset:-.2rem;outline:var(--_ui5wcr_Splitter_BarOutline)}}&[data-splitter-vertical=horizontal]{cursor:col-resize;border-inline:var(--_ui5wcr_Splitter_BarBorderStyle);min-width:var(--_ui5wcr-SplitterSize);width:var(--_ui5wcr-SplitterSize);height:100%;flex-direction:column;&:focus{border-block:var(--_ui5wcr_Splitter_BarBorderHighContrastFix);border-inline:var(--_ui5wcr_Splitter_BarBorderFocus)}._lineAfter_ce1yt_30,._lineBefore_ce1yt_29{background-size:.0625rem 100%;width:var(--_ui5wcr-SplitterSize);height:4rem}._lineBefore_ce1yt_29{background-image:linear-gradient(to top,var(--_ui5wcr_Splitter_ContentBorderColor),#0000)}._icon_ce1yt_38{padding:.5rem 0}._lineAfter_ce1yt_30{background-image:linear-gradient(to bottom,var(--_ui5wcr_Splitter_ContentBorderColor),#0000)}._gripContainer_ce1yt_44{height:2rem;width:1.5rem}._gripButton_ce1yt_48{min-width:1.5rem;height:1.625rem}}&[data-splitter-vertical=vertical]{cursor:row-resize;border-block:var(--_ui5wcr_Splitter_BarBorderStyle);min-height:var(--_ui5wcr-SplitterSize);height:var(--_ui5wcr-SplitterSize);width:100%;flex-direction:row;&:focus{border-block:var(--_ui5wcr_Splitter_BarBorderFocus);border-inline:var(--_ui5wcr_Splitter_BarBorderHighContrastFix)}._lineAfter_ce1yt_30,._lineBefore_ce1yt_29{background-size:100% .0625rem;width:5rem;height:var(--_ui5wcr-SplitterSize)}._lineBefore_ce1yt_29{background-image:linear-gradient(to left,var(--_ui5wcr_Splitter_ContentBorderColor),#0000);&:dir(rtl){background-image:linear-gradient(to right,var(--_ui5wcr_Splitter_ContentBorderColor),#0000)}}._icon_ce1yt_38{padding:0 .5rem}._lineAfter_ce1yt_30{background-image:linear-gradient(to right,var(--_ui5wcr_Splitter_ContentBorderColor),#0000);&:dir(rtl){background-image:linear-gradient(to left,var(--_ui5wcr_Splitter_ContentBorderColor),#0000)}}._gripContainer_ce1yt_44{height:1.5rem;width:2rem}._gripButton_ce1yt_48{height:1.5rem;min-width:1.625rem}}&:hover{._lineAfter_ce1yt_30,._lineBefore_ce1yt_29{flex-grow:1;transition:all .1s ease-in}}}._gripContainer_ce1yt_44{display:flex;justify-content:center;align-items:center;z-index:1}._gripButton_ce1yt_48{cursor:inherit;&:active{z-index:2}}._icon_ce1yt_38{box-sizing:initial;color:var(--_ui5wcr_Splitter_IconColor)}._lineAfter_ce1yt_30,._lineBefore_ce1yt_29{background-position:50%;background-repeat:no-repeat}}";
export declare const classNames: {
readonly splitter: "_splitter_ce1yt_1";
readonly lineBefore: "_lineBefore_ce1yt_29";
readonly lineAfter: "_lineAfter_ce1yt_30";
readonly icon: "_icon_ce1yt_38";
readonly gripContainer: "_gripContainer_ce1yt_44";
readonly gripButton: "_gripButton_ce1yt_48";
};
export { styleData as content };