@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
10 lines • 1.35 kB
JavaScript
export const styleData = ` ui5-webcomponents-react{._objectPageSubSection_1b9gr_1:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:calc(var(--sapContent_FocusWidth)*-1 + 4px)}._headerContainer_1b9gr_6{min-height:2rem;>:first-child{margin-inline:0 .25rem}>:last-child:not(:first-child){margin-inline:.25rem 0}>:not(:first-child):not(:last-child){margin-inline:.25rem}position:sticky;background:var(--sapBackgroundColor);inset-block-start:calc(var(--_ui5wcr_ObjectPage_header_height) - 1px);z-index:3}._subSectionTitle_1b9gr_24{font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontHeader5Size);color:var(--sapGroup_TitleTextColor);flex-grow:1}._subSectionContent_1b9gr_31{background-color:var(--_ui5wcr_ObjectPage_SubSectionBackgroundColor);border-radius:var(--_ui5wcr_ObjectPage_SubSectionBorderRadius);padding-block:.5rem;margin-block-start:.5rem}._spacer_1b9gr_38{flex-grow:1}._uppercase_1b9gr_42{text-transform:uppercase}}`;
export const classNames = {
"objectPageSubSection": "_objectPageSubSection_1b9gr_1",
"headerContainer": "_headerContainer_1b9gr_6",
"subSectionTitle": "_subSectionTitle_1b9gr_24",
"subSectionContent": "_subSectionContent_1b9gr_31",
"spacer": "_spacer_1b9gr_38",
"uppercase": "_uppercase_1b9gr_42"
};
export { styleData as content };