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

fix(breadcrumb): corrige estilos em scss para o breadcrumb na resolucao 2500px

Browse Source
This commit is contained in:
carloswinter 2023-02-10 16:17:18 -03:00
parent 4ff7c22064
commit ee9a917af3
6 changed files with 34 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
styles/css/agenciamagma.store-theme.css
View File

@ -40,14 +40,19 @@
} }
} }
.html--slider-layout-wrapper {
max-width: 96rem;
margin: auto;
}
@media (min-width: 2560px) { @media (min-width: 2560px) {
.html--slider-layout-wrapper { .html--slider-layout-wrapper {
margin: 0 350px !important; margin: 0 350px !important;
max-width: 100%;
} }
} }
.html--cart-content { @media (max-width: 1024px) {
@media (max-width: 1024px) { .html--cart-content {
flex-direction: column; flex-direction: column;
} }
} }

12
styles/css/vtex.breadcrumb.css
View File

@ -8,10 +8,15 @@
/* Media Query M3 */ /* Media Query M3 */
/* Grid breakpoints */ /* Grid breakpoints */
.container { .container {
align-items: center; align-items: baseline;
max-width: 96rem;
margin: auto;
display: flex;
flex-wrap: wrap;
} }
@media (min-width: 2560px) { @media (min-width: 2560px) {
.container { .container {
max-width: 100%;
margin: 0 320px; margin: 0 320px;
} }
} }
@ -30,11 +35,6 @@
line-height: 19px; line-height: 19px;
color: #929292; color: #929292;
} }
@media (min-width: 2560px) {
.container .homeLink::before {
vertical-align: super;
}
}
.container .arrow--1 .link { .container .arrow--1 .link {
font-size: 0; font-size: 0;
} }

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

@ -227,6 +227,9 @@
:global(.vtex-product-price-1-x-installmentValue)::after { :global(.vtex-product-price-1-x-installmentValue)::after {
content: " "; content: " ";
} }
:global(.vtex-product-price-1-x-installmentValue) :global(.vtex-product-price-1-x-currencyContainer) {
font-weight: bold;
}
:global(.vtex-product-price-1-x-installmentsNumber) { :global(.vtex-product-price-1-x-installmentsNumber) {
font-family: "Open Sans"; font-family: "Open Sans";
@ -234,6 +237,7 @@
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
line-height: 22px; line-height: 22px;
font-weight: bold;
color: #929292; color: #929292;
} }
:global(.vtex-product-price-1-x-installmentsNumber)::after { :global(.vtex-product-price-1-x-installmentsNumber)::after {

7
styles/sass/pages/product/agenciamagma.store-theme.scss
View File

@ -30,11 +30,16 @@
} }
.html--slider-layout-wrapper { .html--slider-layout-wrapper {
max-width: 96rem;
margin: auto;
@media (min-width: 2560px) { @media (min-width: 2560px) {
margin: 0 350px !important; margin: 0 350px !important;
max-width: 100%;
} }
} }
.html--cart-content { .html--cart-content {
flex-direction: column; @media (max-width: 1024px) {
flex-direction: column;
}
} }

10
styles/sass/pages/product/vtex.breadcrumb.scss
View File

@ -1,6 +1,11 @@
.container { .container {
align-items: center; align-items: baseline;
max-width: 96rem;
margin: auto;
display: flex;
flex-wrap: wrap;
@media (min-width: 2560px) { @media (min-width: 2560px) {
max-width: 100%;
margin: 0 320px; margin: 0 320px;
} }
@ -19,9 +24,6 @@
font-size: 14px; font-size: 14px;
line-height: 19px; line-height: 19px;
color: #929292; color: #929292;
@media (min-width: 2560px) {
vertical-align: super;
}
} }
.arrow--1 { .arrow--1 {
.link { .link {

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

@ -255,6 +255,9 @@
&::after { &::after {
content: " "; content: " ";
} }
:global(.vtex-product-price-1-x-currencyContainer) {
font-weight: bold;
}
} }
:global(.vtex-product-price-1-x-installmentsNumber) { :global(.vtex-product-price-1-x-installmentsNumber) {
@ -263,6 +266,7 @@
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
line-height: 22px; line-height: 22px;
font-weight: bold;
color: #929292; color: #929292;
&::after { &::after {
content: " x "; content: " x ";