diff --git a/packages/pagebuilder/lib/ContentTypes/Row/row.module.css b/packages/pagebuilder/lib/ContentTypes/Row/row.module.css index 9c99502eaa..6386646867 100644 --- a/packages/pagebuilder/lib/ContentTypes/Row/row.module.css +++ b/packages/pagebuilder/lib/ContentTypes/Row/row.module.css @@ -5,26 +5,22 @@ .contained { composes: root; - margin-left: auto !important; - margin-right: auto !important; + composes: w-full from global; + composes: mx-auto from global; max-width: var(--venia-global-maxWidth, 1280px); - width: 100%; } .fullBleed { composes: root; + composes: ml-half from global; + composes: -translate-x-2/4 from global; width: calc(100vw - var(--scrollBarWidth)); - transform: translateX(-50%); - margin-left: 50%; } .videoOverlay { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: -99; + composes: absolute from global; + composes: inset-0 from global; + composes: -z-99 from global; -webkit-transform: translate3d(0, 0, 0); } diff --git a/packages/pagebuilder/lib/ContentTypes/TabItem/tabItem.module.css b/packages/pagebuilder/lib/ContentTypes/TabItem/tabItem.module.css index 79a6af2e14..32f6fdf211 100644 --- a/packages/pagebuilder/lib/ContentTypes/TabItem/tabItem.module.css +++ b/packages/pagebuilder/lib/ContentTypes/TabItem/tabItem.module.css @@ -1,3 +1,3 @@ .root { - min-height: inherit; + composes: min-h-inherit from global; } diff --git a/packages/pwa-theme-venia/tailwind.preset.js b/packages/pwa-theme-venia/tailwind.preset.js index d9bfb50585..5c4ae610ad 100644 --- a/packages/pwa-theme-venia/tailwind.preset.js +++ b/packages/pwa-theme-venia/tailwind.preset.js @@ -166,7 +166,8 @@ const extend = { }, minHeight: { auto: 'auto', - button: '40px' + button: '40px', + inherit: 'inherit' }, minWidth: { auto: 'auto' @@ -195,6 +196,7 @@ const extend = { lg: '3rem', DEFAULT: '1.5rem', filterSidebarWidth: '325px', + half: '50%', full: '100%' }, textColor: theme => ({