caroline_moran/m3-academy-template-checkout-carol-moran
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: ajustes css

Browse Source
This commit is contained in:
Caroline Moran 2022-12-21 14:00:41 -04:00
parent 564da8285f
commit 368951345d
2 changed files with 39 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
View File

@ -6,9 +6,7 @@
.cart-template { .cart-template {
font-family: $font-family; font-family: $font-family;
@media (max-width: 1200px) {
padding: 0 16px;
}
.item-unit-label { .item-unit-label {
display: none; display: none;
} }
@ -481,6 +479,10 @@
width: 20px; width: 20px;
height: 20px; height: 20px;
} }
@media (max-width: 1024px) {
margin-right: 0px;
margin-bottom: 2px;
}
@media (max-width: 320px) { @media (max-width: 320px) {
width: 8px; width: 8px;
height: 8px; height: 8px;
@ -1149,6 +1151,12 @@
} }
} }
} }
&-template-holder {
@media (max-width: 1024px) {
padding: 0 16px;
width: auto;
}
}
} }
.cart-links-bottom { .cart-links-bottom {
@ -1159,8 +1167,10 @@
@media (min-width: 2500px) { @media (min-width: 2500px) {
width: 34.6191566%; width: 34.6191566%;
} }
@media (max-width: 1200px) { @media (max-width: 1024px) {
padding: 0 16px;
width: 100%; width: 100%;
box-sizing: border-box;
} }
.link-choose-more-products-wrapper { .link-choose-more-products-wrapper {
@ -1271,6 +1281,9 @@
.cart-template.full-cart { .cart-template.full-cart {
margin-bottom: 0; margin-bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
.cart { .cart {
table { table {
tbody { tbody {
@ -1309,6 +1322,10 @@
@media (max-width: 599px) { @media (max-width: 599px) {
padding: 0px; padding: 0px;
margin-left: unset; margin-left: unset;
width: 99px;
}
input {
width: 45px;
} }
} }
td.item-remove { td.item-remove {

21
checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
View File

@ -21,6 +21,11 @@
font-size: 48px; font-size: 48px;
line-height: 65px; line-height: 65px;
} }
@media (max-width: 1024px) {
margin: 121.5px 0 22px;
font-size: 18px;
line-height: 25px;
}
} }
&-message { &-message {
display: none; display: none;
@ -39,14 +44,24 @@
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
color: #000000; color: #000000;
width: 31.989%; width: 31.739%;
padding: 15px 0; padding: 15px 0;
margin-top: 0; margin-top: 0;
max-width: 327px; max-width: 327px;
cursor: pointer; cursor: pointer;
box-sizing: border-box;
&:hover { @media (min-width: 2500px) {
background: lighten($color-black, 5); width: 32.02%;
height: 66px;
min-width: 638.67px;
font-size: 28px;
line-height: 33px;
}
@media (max-width: 1024px) {
width: 250px;
height: 48px;
min-width: unset;
} }
} }
} }