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

feat: Adiciona responsividade ultrawide

Browse Source
This commit is contained in:
SamuelCondack 2023-02-08 17:50:50 -03:00
parent eeb2aa9b99
commit 3329159322
7 changed files with 21 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
react/components/Html/style.css
View File

@ -4,6 +4,17 @@
gap: 10px; gap: 10px;
margin-bottom: 16px; margin-bottom: 16px;
} }
[class*="vtex-add-to-cart-button-0-x-buttonText"]{
font-size: 0;
}
[class*="vtex-add-to-cart-button-0-x-buttonText"]::before{
content: 'ADICIONAR À SACOLA';
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
}
@media (max-width: 576px) { @media (max-width: 576px) {
[class*="html--quantityAndButton"] { [class*="html--quantityAndButton"] {

4
styles/css/vtex.flex-layout.css
View File

@ -64,7 +64,7 @@
line-height: 32px; line-height: 32px;
color: #575757; color: #575757;
} }
@media (min-width: 2500px) { @media (min-width: 1920px) {
:global(.vtex-store-components-3-x-productDescriptionTitle) { :global(.vtex-store-components-3-x-productDescriptionTitle) {
font-family: "Open Sans"; font-family: "Open Sans";
font-style: normal; font-style: normal;
@ -82,7 +82,7 @@
line-height: 22px; line-height: 22px;
color: #929292; color: #929292;
} }
@media (min-width: 2500px) { @media (min-width: 1920px) {
:global(.vtex-store-components-3-x-productDescriptionText) { :global(.vtex-store-components-3-x-productDescriptionText) {
font-family: "Open Sans"; font-family: "Open Sans";
font-style: normal; font-style: normal;

4
styles/css/vtex.tab-layout.css
View File

@ -70,7 +70,7 @@
text-transform: capitalize; text-transform: capitalize;
border-radius: 0; border-radius: 0;
} }
@media (min-width: 2500px) { @media (min-width: 1920px) {
.listItem :global(.vtex-button) { .listItem :global(.vtex-button) {
font-family: "Open Sans"; font-family: "Open Sans";
font-style: normal; font-style: normal;
@ -91,7 +91,7 @@
font-size: 18px; font-size: 18px;
line-height: 38px; line-height: 38px;
} }
@media (min-width: 2500px) { @media (min-width: 1920px) {
.listItemActive :global(.vtex-button) { .listItemActive :global(.vtex-button) {
font-family: "Open Sans"; font-family: "Open Sans";
font-style: normal; font-style: normal;

4
styles/sass/pages/product/vtex.flex-layout.scss
View File

@ -46,7 +46,7 @@
font-size: 24px; font-size: 24px;
line-height: 32px; line-height: 32px;
color: #575757; color: #575757;
@media (min-width: 2500px){ @media (min-width: 1920px){
font-family: 'Open Sans'; font-family: 'Open Sans';
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
@ -61,7 +61,7 @@
font-size: 16px; font-size: 16px;
line-height: 22px; line-height: 22px;
color: #929292; color: #929292;
@media (min-width: 2500px){ @media (min-width: 1920px){
font-family: 'Open Sans'; font-family: 'Open Sans';
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;

1
styles/sass/pages/product/vtex.product-price.scss
View File

@ -13,6 +13,7 @@
font-size: 12px; font-size: 12px;
line-height: 16px; line-height: 16px;
} }
} }
.sellingPrice{ .sellingPrice{
text-align: center; text-align: center;

3
styles/sass/pages/product/vtex.slider-layout.scss
View File

@ -25,12 +25,10 @@
.slideChildrenContainer { .slideChildrenContainer {
:global(.vtex-product-summary-2-x-container) { :global(.vtex-product-summary-2-x-container) {
margin: 0; margin: 0;
:global(.vtex-product-summary-2-x-element) { :global(.vtex-product-summary-2-x-element) {
padding: 0; padding: 0;
:global(.vtex-product-summary-2-x-imageContainer) { :global(.vtex-product-summary-2-x-imageContainer) {
display: flex; display: flex;
:global(.vtex-store-components-3-x-discountContainer) { :global(.vtex-store-components-3-x-discountContainer) {
:global(.vtex-store-components-3-x-discountInsideContainer) { :global(.vtex-store-components-3-x-discountInsideContainer) {
display: none; display: none;
@ -121,6 +119,7 @@
color: #000; color: #000;
} }
:global(.vtex-store-components-3-x-sellingPriceLabel) { :global(.vtex-store-components-3-x-sellingPriceLabel) {
display: none; display: none;
} }

4
styles/sass/pages/product/vtex.tab-layout.scss
View File

@ -58,7 +58,7 @@
line-height: 38px; line-height: 38px;
text-transform: capitalize; text-transform: capitalize;
border-radius: 0; border-radius: 0;
@media (min-width: 2500px){ @media (min-width: 1920px){
font-family: 'Open Sans'; font-family: 'Open Sans';
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
@ -76,7 +76,7 @@
font-weight: 400; font-weight: 400;
font-size: 18px; font-size: 18px;
line-height: 38px; line-height: 38px;
@media (min-width: 2500px){ @media (min-width: 1920px){
font-family: 'Open Sans'; font-family: 'Open Sans';
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;