feature/sabrinamiranda #1

Merged
SabrinaMiranda merged 33 commits from feature/sabrinamiranda into master 2023-02-10 23:17:10 +00:00
9 changed files with 168 additions and 5 deletions
Showing only changes of commit f535767a22 - Show all commits

View File

@ -10,6 +10,27 @@
grid-template-columns: 48.8% 51.2%; grid-template-columns: 48.8% 51.2%;
padding-bottom: 16px; padding-bottom: 16px;
} }
@media screen and (min-width: 1920px) {
[class*="html--product-main"],
[class*="html--product-availability"] {
width: 71.2%;
grid-template-columns: 50.5% 49.5%;
}
}
@media screen and (max-width: 1024px) {
[class*="html--product-main"],
[class*="html--product-availability"] {
display: flex;
flex-direction: column;
width: 92.1875%;
}
}
@media screen and (max-width: 768px) {
[class*="html--product-main"],
[class*="html--product-availability"] {
width: 79%;
}
}
[class*="html--stack"] { [class*="html--stack"] {
grid-area: 1/1; grid-area: 1/1;
@ -20,9 +41,10 @@
grid-area: 1/2; grid-area: 1/2;
margin-left: 32px; margin-left: 32px;
} }
@media screen and (max-width: 1024px) {
[class*="html--right-col"] .vtex-store-components-3-x-container { [class*="html--right-col"] {
padding: 0; margin-left: 0;
}
} }
[class*="html--buy-button"] { [class*="html--buy-button"] {
@ -40,6 +62,12 @@
display: block !important; display: block !important;
} }
@media screen and (max-width: 768px) {
[class*="html--add-to-cart-button"] button {
height: 74px !important;
}
}
[class*="html--product-quantity-cart-button"] { [class*="html--product-quantity-cart-button"] {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -50,6 +78,12 @@
height: 49px; height: 49px;
} }
@media screen and (max-width: 768px){
[class*="html--product-quantity-cart-button"] {
flex-direction: column;
}
}
[class*="html--product-quantity-cart-button"] input{ [class*="html--product-quantity-cart-button"] input{
height: 49px; height: 49px;
width: 32px; width: 32px;
@ -73,18 +107,35 @@
display: block !important; display: block !important;
} }
@media screen and (max-width: 768px) {
[class*="html--shipping-simulator"] {
padding-top: 81px;
}
}
[class*="html--shipping-simulator"] button { [class*="html--shipping-simulator"] button {
background-color: #000000; background-color: #000000;
border-radius: 0; border-radius: 0;
border: none; border: none;
width: 49px; width: 49px;
height: 49px; height: 49px !important;
position: absolute; position: absolute;
left: 228px;
display: block !important; display: block !important;
} }
@media screen and (min-width: 769px) {
[class*="html--shipping-simulator"] button {
left: 228px;
}
}
@media screen and (max-width: 768px) {
[class*="html--shipping-simulator"] button {
right: 0;
}
}
[class*="html--shipping-simulator"] a { [class*="html--shipping-simulator"] a {
color: #000000; color: #000000;
} }
@ -112,3 +163,8 @@
margin-top: 8px; margin-top: 8px;
margin-bottom: 16px; margin-bottom: 16px;
} }
[class*="html--description"] {
position: relative;
top: 9px;
}

View File

@ -13,3 +13,8 @@
line-height: 25px !important; line-height: 25px !important;
color: #FFFFFF !important; color: #FFFFFF !important;
} }
@media screen and (max-width: 768px) {
.buttonText {
width: 168px;
}
}

View File

@ -12,6 +12,21 @@
margin: 0 auto; margin: 0 auto;
padding: 0 0 16px 0; padding: 0 0 16px 0;
} }
@media screen and (min-width: 1920px) {
.container {
width: 71.2%;
}
}
@media screen and ((min-width: 769) and (max-width: 1024px)) {
.container {
width: 92.1875%;
}
}
@media screen and (max-width: 768px) {
.container {
width: 79%;
}
}
.container .homeIcon { .container .homeIcon {
display: none; display: none;
} }

View File

@ -25,3 +25,8 @@
margin-top: 8px; margin-top: 8px;
margin-bottom: 24px; margin-bottom: 24px;
} }
@media screen and (max-width: 1024px) {
.product-identifier {
justify-content: left;
}
}

View File

@ -12,6 +12,11 @@
background: red; background: red;
} }
.container {
padding-left: 0;
padding-right: 0;
}
.thumbImg, .thumbImg,
.figure, .figure,
.carouselThumbBorder { .carouselThumbBorder {
@ -28,6 +33,11 @@
.carouselGaleryThumbs { .carouselGaleryThumbs {
margin: 0 !important; margin: 0 !important;
} }
@media screen and (max-width: 639px) {
.carouselGaleryThumbs {
display: inline-flex;
}
}
.productImageTag, .productImageTag,
.productImageTag--main { .productImageTag--main {
@ -47,6 +57,12 @@
.productNameContainer--quickview { .productNameContainer--quickview {
text-align: right; text-align: right;
} }
@media screen and (max-width: 1024px) {
.productNameContainer--quickview {
text-align: left;
padding-top: 32px;
}
}
/* /*
.productDescriptionTitle { .productDescriptionTitle {
@ -227,6 +243,11 @@
align-items: center; align-items: center;
padding: 0; padding: 0;
} }
@media screen and (max-width: 768px) {
.shippingContainer :global(.vtex-address-form__postalCode) {
width: 79vw;
}
}
.shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) { .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) {
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 12px;
@ -237,11 +258,24 @@
top: 43px; top: 43px;
left: 312px; left: 312px;
} }
@media screen and (max-width: 768px) {
.shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) {
top: 85px;
width: 79vw;
left: 0;
text-align: right;
}
}
.shippingContainer :global(.vtex-input-prefix__group) { .shippingContainer :global(.vtex-input-prefix__group) {
height: 49px; height: 49px;
width: 231px; width: 231px;
border-radius: 0; border-radius: 0;
} }
@media screen and (max-width: 768px) {
.shippingContainer :global(.vtex-input-prefix__group) {
width: 79vw;
}
}
.shippingContainer :global(.vtex-input__error) { .shippingContainer :global(.vtex-input__error) {
position: absolute; position: absolute;
margin: 2px; margin: 2px;

View File

@ -3,4 +3,8 @@
font-size: 18px !important; font-size: 18px !important;
line-height: 25px !important; line-height: 25px !important;
color: #FFFFFF !important; color: #FFFFFF !important;
@media screen and (max-width: 768px){
width: 168px;
}
} }

View File

@ -3,6 +3,16 @@
margin: 0 auto; margin: 0 auto;
padding: 0 0 16px 0; padding: 0 0 16px 0;
@media screen and (min-width: 1920px) {
width: 71.2%;
}
@media screen and ((min-width: 769) and (max-width: 1024px)) {
width: 92.1875%;
}
@media screen and (max-width: 768px) {
width: 79%;
}
.homeIcon { .homeIcon {
display: none; display: none;
} }

View File

@ -15,4 +15,8 @@
justify-content: right; justify-content: right;
margin-top: 8px; margin-top: 8px;
margin-bottom: 24px; margin-bottom: 24px;
@media screen and (max-width: 1024px) {
justify-content: left;
}
} }

View File

@ -2,6 +2,11 @@
background: red; background: red;
} }
.container {
padding-left: 0;
padding-right: 0;
}
.thumbImg, .thumbImg,
.figure, .figure,
.carouselThumbBorder { .carouselThumbBorder {
@ -17,6 +22,10 @@
.carouselGaleryThumbs { .carouselGaleryThumbs {
margin: 0 !important; margin: 0 !important;
@media screen and (max-width: 639px) {
display: inline-flex;
}
} }
.productImageTag, .productImageTag,
@ -36,7 +45,13 @@
.productNameContainer--quickview{ .productNameContainer--quickview{
text-align: right; text-align: right;
@media screen and (max-width: 1024px) {
text-align: left;
padding-top: 32px;
} }
}
/* /*
.productDescriptionTitle { .productDescriptionTitle {
font-weight: 400; font-weight: 400;
@ -236,6 +251,10 @@
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0; padding: 0;
@media screen and (max-width: 768px) {
width: 79vw;
}
} }
:global(.vtex-address-form__postalCode-forgottenURL) { :global(.vtex-address-form__postalCode-forgottenURL) {
@ -248,12 +267,23 @@
position: absolute; position: absolute;
top: 43px; top: 43px;
left: 312px; left: 312px;
@media screen and (max-width: 768px) {
top: 85px;
width: 79vw;
left: 0;
text-align: right;
}
} }
:global(.vtex-input-prefix__group ) { :global(.vtex-input-prefix__group ) {
height: 49px; height: 49px;
width: 231px; width: 231px;
border-radius: 0; border-radius: 0;
@media screen and (max-width: 768px) {
width: 79vw;
}
} }
:global(.vtex-input__error) { :global(.vtex-input__error) {