@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
1 lines • 1.83 kB
CSS
@layer ui5-webcomponents-react{._section_1bjdj_1{box-sizing:border-box;background:var(--sapBackgroundColor);&:first-of-type{margin-block-start:1px}margin-block-end:1rem}._section_1bjdj_1 [data-component-name=ObjectPageSubSection]:not(:first-child){padding-block-start:1rem}._section_1bjdj_1:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:calc(var(--sapContent_FocusWidth)*-1)}._outlineSpacerDiv_1bjdj_20{height:2px}._headerContainer_1bjdj_24{padding-block:.5rem;color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily)}._titleContainer_1bjdj_30{border-block-start:var(--_ui5wcr_ObjectPage_SectionBorderTop);box-sizing:border-box;height:2.25rem}._sticky_1bjdj_36{position:sticky;background:var(--sapBackgroundColor);inset-block-start:calc(var(--_ui5wcr_ObjectPage_header_height) - 1px);z-index:3}._title_1bjdj_30{height:2.25rem;line-height:2.25rem;color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader4Size);display:inline-block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--_ui5wcr_ObjectPage_SectionTitleFontFamily);text-decoration:var(--_ui5wcr_ObjectPage_SectionTitleTextDecoration)}._uppercase_1bjdj_58{text-transform:uppercase}._wrap_1bjdj_62{._titleContainer_1bjdj_30{height:unset}._title_1bjdj_30{white-space:normal;height:unset;line-height:normal}}._sectionContent_1bjdj_73{white-space:normal;height:100%;isolation:isolate}._sectionContentInner_1bjdj_79{padding-block-start:1rem;font-family:var(--sapFontFamily);height:100%;box-sizing:border-box}@container (max-width: 599px){._section_1bjdj_1{padding-inline:1rem}}@container (min-width: 600px) and (max-width: 1439px){._section_1bjdj_1{padding-inline:2rem}}@container (min-width: 1440px){._section_1bjdj_1{padding-inline:3rem}}}