@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
10 lines (9 loc) • 1.61 kB
TypeScript
export declare const styleData = "@layer ui5-webcomponents-react{._container_swdbr_1{position:absolute;inset-inline-start:50%;&:after,&:before{content:\"\";position:absolute;width:4rem;inset-block-start:50%;height:.0625rem}&:before{inset-inline-end:100%;background-image:linear-gradient(to left,var(--sapObjectHeader_BorderColor),#0000)}&:after{inset-inline-start:100%;background-image:linear-gradient(to right,var(--sapObjectHeader_BorderColor),#0000)}}._anchorBarActionButton_swdbr_25{min-width:1.5rem;height:1.5rem;--_ui5wcr_anchor-btn-center:calc((1.5rem - var(--sapButton_BorderWidth))/2);position:absolute;inset-block-start:calc(var(--_ui5wcr_anchor-btn-center)*-1);inset-inline-start:calc(50% - var(--_ui5wcr_anchor-btn-center));z-index:3;&:not([pressed]){background-color:var(--sapObjectHeader_Background)}}._anchorBarActionButtonExpandable_swdbr_39{+._anchorBarActionButtonPinnable_swdbr_40{inset-inline-start:calc(50% - var(--_ui5wcr_anchor-btn-center) + 1rem)}}._anchorBarActionPinnableAndExpandable_swdbr_45{&._anchorBarActionButtonExpandable_swdbr_39{inset-inline-start:calc(50% - var(--_ui5wcr_anchor-btn-center) - 1rem)}}}";
export declare const classNames: {
readonly container: "_container_swdbr_1";
readonly anchorBarActionButton: "_anchorBarActionButton_swdbr_25";
readonly anchorBarActionButtonExpandable: "_anchorBarActionButtonExpandable_swdbr_39";
readonly anchorBarActionButtonPinnable: "_anchorBarActionButtonPinnable_swdbr_40";
readonly anchorBarActionPinnableAndExpandable: "_anchorBarActionPinnableAndExpandable_swdbr_45";
};
export { styleData as content };