ueberjames/challenge-vtex-io-ueber-james
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

estilização do mobile descrição produto bottom

Browse Source
This commit is contained in:
Ueber James Santos 2023-02-08 21:39:35 -03:00
parent 73f4d2afd7
commit 0fb6147cf4
5 changed files with 41 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
store/blocks/pdp/product.jsonc
View File

@ -144,7 +144,6 @@
"textPosition": "CENTER", "textPosition": "CENTER",
"text": "Você também pode gostar:", "text": "Você também pode gostar:",
// "textColor": "c-on-emphasis", // "textColor": "c-on-emphasis",
"font": "t-heading-5",
"blockClass": "help-message" "blockClass": "help-message"
} }
}, },

12
styles/css/vtex.rich-text.css
View File

@ -8,3 +8,15 @@
/* Media Query M3 */ /* 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"); @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 */ /* 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;
}
}

11
styles/css/vtex.store-components.css
View File

@ -262,6 +262,12 @@
font-family: "Open Sans", sans-serif; font-family: "Open Sans", sans-serif;
padding-left: 32px; padding-left: 32px;
} }
@media only screen and (max-width: 1024px) {
.productDescriptionTitle {
padding-left: 0;
padding-top: 16px;
}
}
.productDescriptionText { .productDescriptionText {
font-size: 0; font-size: 0;
@ -275,3 +281,8 @@
padding-left: 32px; 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."; 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;
}
}

11
styles/sass/pages/product/vtex.rich-text.scss
View File

@ -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;
}
}

12
styles/sass/pages/product/vtex.store-components.scss
View File

@ -383,10 +383,10 @@ padding-bottom: 15px;
line-height: 32px; line-height: 32px;
font-family: $font-open; font-family: $font-open;
padding-left: 32px; padding-left: 32px;
// @include mq (md, max) { @include mq (md, max) {
// padding-left: 0; padding-left: 0;
// padding-top: 16px; padding-top: 16px;
// } }
} }
.productDescriptionText { .productDescriptionText {
@ -401,12 +401,12 @@ padding-bottom: 15px;
color: $color-gray6; color: $color-gray6;
padding-left: 32px; 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."; 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;}
} }