SabrinaMiranda/m3-academy-template-checkout-sabrina-miranda
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Aplica css mobile

Browse Source
This commit is contained in:
Sabrina Miranda 2022-12-26 12:08:02 -03:00
parent a6e8552951
commit 3ec391136b
1 changed files with 46 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -718,6 +718,10 @@
margin-bottom: 40px; margin-bottom: 40px;
} }
@media (max-width: 1024px) {
margin-bottom: 0;
}
.srp-pickup-my-location__button { .srp-pickup-my-location__button {
background-color: $color-blue2; background-color: $color-blue2;
border: none; border: none;
@ -1086,12 +1090,26 @@
line-height: 28px; line-height: 28px;
} }
@media (max-width: 1024px) {
padding: 0 16px;
}
} }
.coupon-fields { .coupon-fields {
margin-bottom: 54px; margin-bottom: 54px;
display: flex; display: flex;
span {
@media (max-width: 1024px) {
width: 100%;
}
@media (max-width: 767px) {
padding: 0 16px;
}
}
input { input {
background-color: $color-white; background-color: $color-white;
border: 2px solid $color-gray5; border: 2px solid $color-gray5;
@ -1116,7 +1134,19 @@
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
width: 100%; width: 84.4%;
}
@media (max-width: 767px) {
width: 80.5%;
}
@media (max-width: 573px) {
width: 58.6%;
}
@media (max-width: 370px) {
width: 58%;
} }
&::placeholder { &::placeholder {
@ -1156,6 +1186,21 @@
@media (max-width: 1024px) { @media (max-width: 1024px) {
margin-left: 5px; margin-left: 5px;
width: 14.5%;
}
@media (max-width: 767px) {
padding: 8px 10px;
width: 18%;
}
@media (max-width: 573px) {
width: 39%;
}
@media (max-width: 370px) {
width: 38%;
padding: 8px 5px;
} }
&:hover { &:hover {