Gabriel_Ferraz_Nogueira/m3-academy-template-checkout-gabriel-ferraz
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(header): ajuste css telas mobile

Browse Source
This commit is contained in:
Gabriel Ferraz Nogueira 2022-12-12 21:35:22 -03:00
parent bcdb3f724c
commit a6e4ea4a5a
1 changed files with 43 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
checkout/src/arquivos/sass/partials/_footer.scss
View File

@ -1,13 +1,26 @@
.footerCheckout {
.container {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 32px;
flex-direction: column;
padding: 7px 8px;
margin: 0;
gap: 15px;
@media (min-width: 1025px) {
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 15px 32px;
gap: 0;
}
}
&__wrapper {
border-top: 1px solid $black;
@media (max-width: 490px) {
padding: 0 8px;
}
}
&__address {
@ -18,12 +31,11 @@
line-height: 14px;
font-size: 10px;
text-transform: capitalize;
// max-width: 40%;
@include mq(md, max) {
margin-bottom: 24px;
max-width: 100%;
}
// @include mq(md, max) {
// margin-bottom: 24px;
// max-width: 100%;
// }
}
&__stamps {
@ -47,16 +59,25 @@
margin: 0;
display: flex;
align-items: center;
justify-content: center;
list-style: none;
@media (min-width: 1025px) {
justify-content: center;
}
}
li {
width: 5.22%;
margin-right: 13px;
width: 3.77%;
min-width: 35.65px;
margin-right: 4px;
@media (min-width: 1025px) {
width: 5.22%;
margin-right: 13px;
}
}
#vtexIcon {
width: 7.63%;
width: 53px;
margin-left: 10px;
position: relative;
}
@ -92,10 +113,16 @@
}
.vtex-icon {
width: 36.69%;
width: 44.92px;
@media (min-width: 1025px) {
width: 36.69%;
}
}
.m3-icon {
width: 31.8%;
width: 28.66px;
@media (min-width: 1025px) {
width: 31.8%;
}
}
a {
@ -104,8 +131,8 @@
display: flex;
font-family: $font-family;
font-style: normal;
font-weight: normal;
font-size: 10px;
font-weight: 400;
font-size: 9px;
line-height: 12px;
text-decoration: none;