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

11
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) {
.html--slider-layout-wrapper {
margin: 0 350px !important;
max-width: 100%;
}
}
.html--cart-content {
@media (max-width: 1024px) {
@media (max-width: 1024px) {
.html--cart-content {
flex-direction: column;
}
}
}

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

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

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

@ -227,6 +227,9 @@
:global(.vtex-product-price-1-x-installmentValue)::after {
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) {
font-family: "Open Sans";
@ -234,6 +237,7 @@
font-weight: 400;
font-size: 16px;
line-height: 22px;
font-weight: bold;
color: #929292;
}
: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 {
max-width: 96rem;
margin: auto;
@media (min-width: 2560px) {
margin: 0 350px !important;
max-width: 100%;
}
}
.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 {
align-items: center;
align-items: baseline;
max-width: 96rem;
margin: auto;
display: flex;
flex-wrap: wrap;
@media (min-width: 2560px) {
max-width: 100%;
margin: 0 320px;
}
@ -19,9 +24,6 @@
font-size: 14px;
line-height: 19px;
color: #929292;
@media (min-width: 2560px) {
vertical-align: super;
}
}
.arrow--1 {
.link {

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

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