MateusLopes/m3-academy-template-checkout-Mateus-Lopes
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(footer): add estilizacao no footer

Browse Source
This commit is contained in:
Mateus Antonio Rodrigues Lopes 2022-12-12 17:31:43 -03:00
parent 617da1ebeb
commit d5888bf833
1 changed files with 43 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,10 +7,23 @@
align-items: center;
display: flex;
justify-content: space-between;
border-top: 1px solid $color-black;
padding: 16px 0;
.container {
display: flex;
justify-content: space-between;
align-items: center;
&:before,
&:after {
display: none;
}
}
}
&__address {
color: $color-gray2;
color: $color-black2;
font-family: $font-family;
font-style: normal;
font-weight: normal;
@ -18,6 +31,7 @@
line-height: 12px;
text-transform: capitalize;
max-width: 40%;
white-space: nowrap;
@include mq(md, max) {
margin-bottom: 24px;
@ -37,7 +51,7 @@
}
&__divider {
background-color: $color-gray4;
background-color: $color-gray6;
display: inline-block;
height: 24px;
margin: 0 8px;
@ -45,12 +59,38 @@
}
}
&__payments {
display: flex;
gap: 13px;
img {
width: 35.65px;
}
.vtexPCI-icon {
width: 53px;
}
}
&__developedBy {
align-items: center;
display: flex;
list-style-type: none;
margin: 0;
.vtex-icon {
width: 44.92px;
}
.m3-icon {
width: 28.66px;
}
span {
color: $color-black2;
white-space: nowrap;
}
li:last-child {
margin-left: 16px;
}
@ -62,7 +102,7 @@
font-family: $font-family;
font-style: normal;
font-weight: normal;
font-size: 10px;
font-size: 9px;
line-height: 12px;
text-decoration: none;