diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css index ad41676..ba9e749 100644 --- a/react/components/Html/styles.css +++ b/react/components/Html/styles.css @@ -308,6 +308,16 @@ top: -31px; } } +[class*="html--newsletter"] button:hover { + color: #929292; + border-bottom: 2px solid #929292; + border-top: none; + background-color: transparent; +} +[class*="html--newsletter"] button:active { + color: #FFFFFF; + border-bottom: 2px solid #FFFFFF; +} [class*="html--newsletter"] div { border: none; diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index 1af54b3..2d5e4c6 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -350,25 +350,25 @@ "tab-list.item#product2": { "props": { "tabId": "product2", - "label": "Descrição 2" + "label": "Descrição" } }, "tab-list.item#product3": { "props": { "tabId": "product3", - "label": "Descrição 3" + "label": "Descrição" } }, "tab-list.item#product4": { "props": { "tabId": "product4", - "label": "Descrição 4" + "label": "Descrição" } }, "tab-list.item#product5": { "props": { "tabId": "product5", - "label": "Descrição 5" + "label": "Descrição" } }, @@ -456,9 +456,7 @@ "infinite": true, "showNavigationArrows": "always", "blockClass": "carousel", - "showPaginationDots": "always", - "fullWidth": true - } + "showPaginationDots": "always" } }, "html#slider-layout-shelf": { diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css index 04f2fb1..7a8966d 100644 --- a/styles/css/vtex.flex-layout.css +++ b/styles/css/vtex.flex-layout.css @@ -11,4 +11,8 @@ padding-top: 0; padding-bottom: 0; margin: 0; +} + +.flexRowContent--main-header-mobile { + align-items: center; } \ No newline at end of file diff --git a/styles/css/vtex.menu.css b/styles/css/vtex.menu.css new file mode 100644 index 0000000..957cb5a --- /dev/null +++ b/styles/css/vtex.menu.css @@ -0,0 +1,14 @@ +/* +0 - 600PX: Phone +600 - 900px: Table portrait +900 - 1200px: Tablet landscape +[1200 - 1800] is where our nortal styles apply +1800px + : Big desktop +*/ +/* Media Query M3 */ +/* Grid breakpoints */ +@media screen and (max-width: 1024px) { + .styledLinkContainer { + margin: 0; + } +} \ No newline at end of file diff --git a/styles/css/vtex.minicart.css b/styles/css/vtex.minicart.css new file mode 100644 index 0000000..e53a916 --- /dev/null +++ b/styles/css/vtex.minicart.css @@ -0,0 +1,14 @@ +/* +0 - 600PX: Phone +600 - 900px: Table portrait +900 - 1200px: Tablet landscape +[1200 - 1800] is where our nortal styles apply +1800px + : Big desktop +*/ +/* Media Query M3 */ +/* Grid breakpoints */ +.minicartCheckoutButton :local(button) { + background-color: #000000; + border-radius: 0; + border: none; +} \ No newline at end of file diff --git a/styles/css/vtex.telemarketing.css b/styles/css/vtex.telemarketing.css index a8a6b87..b8efdfc 100644 --- a/styles/css/vtex.telemarketing.css +++ b/styles/css/vtex.telemarketing.css @@ -9,4 +9,8 @@ /* Grid breakpoints */ .telemarketingBar { padding: 0 16px !important; +} + +.container { + background-color: #000000; } \ No newline at end of file diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss index e6e8fb3..26a1cfb 100644 --- a/styles/sass/pages/product/vtex.flex-layout.scss +++ b/styles/sass/pages/product/vtex.flex-layout.scss @@ -3,3 +3,7 @@ padding-bottom: 0; margin: 0; } + +.flexRowContent--main-header-mobile { + align-items: center; +} diff --git a/styles/sass/pages/product/vtex.menu.scss b/styles/sass/pages/product/vtex.menu.scss new file mode 100644 index 0000000..d599847 --- /dev/null +++ b/styles/sass/pages/product/vtex.menu.scss @@ -0,0 +1,5 @@ +.styledLinkContainer { + @media screen and (max-width: 1024px) { + margin: 0; + } +} diff --git a/styles/sass/pages/product/vtex.minicart.scss b/styles/sass/pages/product/vtex.minicart.scss new file mode 100644 index 0000000..01d0995 --- /dev/null +++ b/styles/sass/pages/product/vtex.minicart.scss @@ -0,0 +1,7 @@ +.minicartCheckoutButton { + :local(button) { + background-color: #000000; + border-radius: 0; + border: none; + } +} \ No newline at end of file diff --git a/styles/sass/pages/product/vtex.telemarketing.scss b/styles/sass/pages/product/vtex.telemarketing.scss index d043b38..77a4f23 100644 --- a/styles/sass/pages/product/vtex.telemarketing.scss +++ b/styles/sass/pages/product/vtex.telemarketing.scss @@ -1,3 +1,7 @@ .telemarketingBar { padding: 0 16px !important; } + +.container { + background-color: #000000; +} \ No newline at end of file