@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
8 lines • 1.28 kB
JavaScript
export const styleData = {
packageName: '@ui5/webcomponents-react',
fileName: 'ResponsiveGridLayout.module.css',
content: "@layer ui5-webcomponents-react{.ResponsiveGridLayout_container_lhhv3_1{display:grid}@media (max-width:599px){.ResponsiveGridLayout_container_lhhv3_1{grid-template-columns:repeat(var(--_ui5wcr-rgl-columns-s),minmax(0,1fr))}.ResponsiveGridLayout_container_lhhv3_1>*{grid-column:span var(--_ui5wcr-rgl-column-span-s)}}@media (min-width:600px) and (max-width:1023px){.ResponsiveGridLayout_container_lhhv3_1{grid-template-columns:repeat(var(--_ui5wcr-rgl-columns-m),minmax(0,1fr))}.ResponsiveGridLayout_container_lhhv3_1>*{grid-column:span var(--_ui5wcr-rgl-column-span-m)}}@media (min-width:1024px) and (max-width:1439px){.ResponsiveGridLayout_container_lhhv3_1{grid-template-columns:repeat(var(--_ui5wcr-rgl-columns-l),minmax(0,1fr))}.ResponsiveGridLayout_container_lhhv3_1>*{grid-column:span var(--_ui5wcr-rgl-column-span-l)}}@media (min-width:1440px){.ResponsiveGridLayout_container_lhhv3_1{grid-template-columns:repeat(var(--_ui5wcr-rgl-columns-xl),minmax(0,1fr))}.ResponsiveGridLayout_container_lhhv3_1>*{grid-column:span var(--_ui5wcr-rgl-column-span-xl)}}}"
};
export const classNames = {
"container": "ResponsiveGridLayout_container_lhhv3_1"
};