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

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

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