@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
1 lines • 1.1 kB
CSS
@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)}}}