From 0fb6147cf4af78c5bf2b5286b1706064572542c1 Mon Sep 17 00:00:00 2001 From: ueberjames Date: Wed, 8 Feb 2023 21:39:35 -0300 Subject: [PATCH] =?UTF-8?q?estiliza=C3=A7=C3=A3o=20do=20mobile=20=20descri?= =?UTF-8?q?=C3=A7=C3=A3o=20produto=20=20bottom?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- store/blocks/pdp/product.jsonc | 1 - styles/css/vtex.rich-text.css | 14 +++++++++++++- styles/css/vtex.store-components.css | 11 +++++++++++ styles/sass/pages/product/vtex.rich-text.scss | 11 +++++++++++ .../sass/pages/product/vtex.store-components.scss | 12 ++++++------ 5 files changed, 41 insertions(+), 8 deletions(-) diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index 6a56294..dda6086 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -144,7 +144,6 @@ "textPosition": "CENTER", "text": "Você também pode gostar:", // "textColor": "c-on-emphasis", - "font": "t-heading-5", "blockClass": "help-message" } }, diff --git a/styles/css/vtex.rich-text.css b/styles/css/vtex.rich-text.css index ef1d1eb..ffff190 100644 --- a/styles/css/vtex.rich-text.css +++ b/styles/css/vtex.rich-text.css @@ -7,4 +7,16 @@ */ /* Media Query M3 */ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"); -/* Grid breakpoints */ \ No newline at end of file +/* Grid breakpoints */ +.wrapper--help-message { + font-size: 24px; + line-height: 38px; + font-family: "Open Sans", sans-serif; + color: #868686; + font-weight: 400; +} +@media only screen and (max-width: 1024px) { + .wrapper--help-message { + margin: 0; + } +} \ No newline at end of file diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index 200710d..8dbc1eb 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -262,6 +262,12 @@ font-family: "Open Sans", sans-serif; padding-left: 32px; } +@media only screen and (max-width: 1024px) { + .productDescriptionTitle { + padding-left: 0; + padding-top: 16px; + } +} .productDescriptionText { font-size: 0; @@ -274,4 +280,9 @@ color: #929292; padding-left: 32px; content: "Sandália Lima Salto Bloco Baixo de amarração com palmilha levemente quadrada e aplicação de spikes na tira do cabedal. Possui variedade de cores no Prata Metalizado. Do 33 ao 40.*Consulte disponibilidade de estoque.Sandália Lima Salto Bloco Baixo de amarração com palmilha levemente quadrada e aplicação de spikes na tira do cabedal. Possui variedade de cores no Prata Metalizado. Do 33 ao 40.*Consulte disponibilidade de estoque."; +} +@media only screen and (max-width: 1024px) { + .productDescriptionText::after { + padding-left: 0; + } } \ No newline at end of file diff --git a/styles/sass/pages/product/vtex.rich-text.scss b/styles/sass/pages/product/vtex.rich-text.scss index e69de29..1a2ac06 100644 --- a/styles/sass/pages/product/vtex.rich-text.scss +++ b/styles/sass/pages/product/vtex.rich-text.scss @@ -0,0 +1,11 @@ +.wrapper--help-message{ + font-size: 24px; + line-height: 38px; + font-family: $font-open; + color: $color-gray8; + font-weight: 400; + @include mq (md, max) { + margin: 0; + + } +} diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss index 2d9f3b4..6bfc18d 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/styles/sass/pages/product/vtex.store-components.scss @@ -383,10 +383,10 @@ padding-bottom: 15px; line-height: 32px; font-family: $font-open; padding-left: 32px; - // @include mq (md, max) { - // padding-left: 0; - // padding-top: 16px; - // } + @include mq (md, max) { + padding-left: 0; + padding-top: 16px; + } } .productDescriptionText { @@ -401,12 +401,12 @@ padding-bottom: 15px; color: $color-gray6; padding-left: 32px; content: "Sandália Lima Salto Bloco Baixo de amarração com palmilha levemente quadrada e aplicação de spikes na tira do cabedal. Possui variedade de cores no Prata Metalizado. Do 33 ao 40.*Consulte disponibilidade de estoque.Sandália Lima Salto Bloco Baixo de amarração com palmilha levemente quadrada e aplicação de spikes na tira do cabedal. Possui variedade de cores no Prata Metalizado. Do 33 ao 40.*Consulte disponibilidade de estoque."; + @include mq (md, max) { + padding-left: 0;} } - // @include mq (md, max) { - // padding-left: 0;} }