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

fix: corrige padding do breadcrumb

Browse Source
This commit is contained in:
Andrea Matsunaga 2023-02-11 00:09:28 -03:00
parent 53a7696d7c
commit d8b8ea842c
8 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,6 +10,11 @@
.container {
padding: 0 40px 16px;
}
@media only screen and (min-width: 1920px) {
.container {
padding: 0 360px 16px;
}
}
.container .link {
font-size: 14px;
line-height: 19px;

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

@ -42,7 +42,7 @@
margin: 0;
}
}
@media only screen and (max-width: 639px) {
@media only screen and (max-width: 767px) {
.flexCol--right-col,
.flexCol--info-availability {
margin-top: 32px;

2
styles/css/vtex.product-quantity.css
View File

@ -11,7 +11,7 @@
.quantitySelectorContainer {
margin: 0;
}
@media only screen and (max-width: 639px) {
@media only screen and (max-width: 767px) {
.quantitySelectorContainer {
margin-bottom: 10px;
}

2
styles/css/vtex.product-summary.css
View File

@ -20,7 +20,7 @@
padding: 0 6px;
}
}
@media only screen and (max-width: 639px) {
@media only screen and (max-width: 767px) {
.container .element {
padding: 0 4px;
}

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

@ -21,7 +21,7 @@
margin-bottom: 24px;
}
}
@media only screen and (max-width: 639px) {
@media only screen and (max-width: 767px) {
.container--see-also .headingLevel4 {
margin-bottom: 16px;
padding: 0 40px;

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

@ -20,7 +20,7 @@
padding: 0 57.2px 105px;
}
}
@media only screen and (max-width: 639px) {
@media only screen and (max-width: 767px) {
.sliderLayoutContainer--carousel {
padding: 0 55.2px 65px;
}
@ -65,7 +65,7 @@
gap: 12px;
align-items: center;
}
@media only screen and (max-width: 639px) {
@media only screen and (max-width: 767px) {
.sliderLayoutContainer--carousel .paginationDotsContainer {
bottom: 32px;
}

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

@ -165,7 +165,7 @@
width: 43.33%;
}
}
@media only screen and (max-width: 639px) {
@media only screen and (max-width: 767px) {
.shippingContainer {
width: 100%;
}
@ -175,7 +175,7 @@
display: flex;
gap: 32px;
}
@media only screen and (max-width: 639px) {
@media only screen and (max-width: 767px) {
.shippingContainer :global(.vtex-address-form__postalCode) {
flex-direction: column;
gap: 8px;
@ -232,7 +232,7 @@
line-height: 16px;
text-decoration-line: underline;
}
@media only screen and (max-width: 639px) {
@media only screen and (max-width: 767px) {
.shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) {
padding: 0;
justify-content: flex-end;
@ -258,7 +258,7 @@
width: 34.54%;
}
}
@media only screen and (max-width: 639px) {
@media only screen and (max-width: 767px) {
.shippingTable {
width: 100%;
}

4
styles/sass/partials/breadcrumb/vtex.breadcrumb.scss
View File

@ -1,6 +1,10 @@
.container {
padding: 0 40px 16px;
@include mq(xl, min) {
padding: 0 360px 16px;
}
.link {
font-size: 14px;
line-height: 19px;