feat(footer): add estilizacao no footer

This commit is contained in:
Mateus Antonio Rodrigues Lopes 2022-12-12 17:31:43 -03:00
parent 617da1ebeb
commit d5888bf833

View File

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