diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css index ced3492..6b492a5 100644 --- a/styles/css/vtex.flex-layout.css +++ b/styles/css/vtex.flex-layout.css @@ -11,7 +11,12 @@ border: 1px solid #FFFFFF; border-width: 1px 0; } +.flexRow--menu-row :global(.vtex-store-components-3-x-container) { + margin: 0; + min-width: 100%; +} .flexRow--menu-row .flexRowContent--menu-row { + padding: 32px 32px 128px; justify-content: space-between; } .flexRow--menu-row .flexRowContent--menu-row .stretchChildrenWidth { @@ -121,6 +126,22 @@ min-width: 233px; } +@media screen and (min-width: 1920px) { + .flexRow--menu-row .flexRowContent--menu-row { + padding-left: 320px; + padding-right: 320px; + } + .flexRow--container-credits { + padding-left: 320px; + padding-right: 320px; + } + .flexRow--container-credits :global(.vtex-store-components-3-x-container) { + margin: 0; + } + .flexRow--container-credits .flexCol--credits { + align-items: flex-start; + } +} .flexRow--main-header { padding: 32px 40px; background-color: #FFFFFF; diff --git a/styles/css/vtex.menu.css b/styles/css/vtex.menu.css index 47cde69..d74652e 100644 --- a/styles/css/vtex.menu.css +++ b/styles/css/vtex.menu.css @@ -7,9 +7,6 @@ */ /* Media Query M3 */ /* Grid breakpoints */ -:global(.vtex-flex-layout-0-x-flexRowContent--menu-row) { - padding: 32px 32px 128px; -} :global(.vtex-flex-layout-0-x-flexRowContent--menu-row) .menuContainer { gap: 8px; } diff --git a/styles/sass/pages/footer/vtex.flex-layout.scss b/styles/sass/pages/footer/vtex.flex-layout.scss index 8dafb83..ff97b4f 100644 --- a/styles/sass/pages/footer/vtex.flex-layout.scss +++ b/styles/sass/pages/footer/vtex.flex-layout.scss @@ -2,8 +2,13 @@ border: 1px solid #FFFFFF; border-width: 1px 0; + :global(.vtex-store-components-3-x-container) { + margin: 0; + min-width: 100%; + } .flexRowContent--menu-row { + padding: 32px 32px 128px; justify-content: space-between; .stretchChildrenWidth { @@ -135,4 +140,27 @@ display: flex; min-width: 233px; } +} + +@media screen and (min-width:1920px) { + .flexRow--menu-row { + .flexRowContent--menu-row { + padding-left: 320px; + padding-right: 320px; + } + } + + .flexRow--container-credits { + padding-left: 320px; + padding-right: 320px; + + :global(.vtex-store-components-3-x-container) { + margin: 0; + } + + + .flexCol--credits { + align-items: flex-start; + } + } } \ No newline at end of file diff --git a/styles/sass/pages/footer/vtex.menu.scss b/styles/sass/pages/footer/vtex.menu.scss index a440fdc..758d1a1 100644 --- a/styles/sass/pages/footer/vtex.menu.scss +++ b/styles/sass/pages/footer/vtex.menu.scss @@ -1,6 +1,4 @@ :global(.vtex-flex-layout-0-x-flexRowContent--menu-row) { - padding: 32px 32px 128px; - .menuContainer { gap: 8px;