forked from M3-Academy/desafio-react-e-typescript
feat: estilizacao do footer
This commit is contained in:
parent
d25de35bec
commit
3eab2a97fd
@ -158,3 +158,81 @@
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.containerFooterInfo {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-color: var(--black);
|
||||
color: var(--white);
|
||||
padding: 2.063rem 0;
|
||||
margin-top: 3.125rem;
|
||||
}
|
||||
|
||||
.containerInfoWrapper {
|
||||
width: 90%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.contentInfoFooter {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.contentInfoFooter span,
|
||||
.contentVtexIcon span,
|
||||
.contentM3Icon span {
|
||||
font-size: 1.25rem;
|
||||
line-height: 23.44px;
|
||||
}
|
||||
|
||||
.contentInfoFooter span {
|
||||
max-width: 467px;
|
||||
}
|
||||
|
||||
|
||||
.contentIconsPay {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.contentVtexIcon span,
|
||||
.contentM3Icon span {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.contentIconsPay img {
|
||||
width: 9.33%;
|
||||
}
|
||||
|
||||
.iconsVtexAndM3 {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.contentVtexIcon,
|
||||
.contentM3Icon {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.contentVtexIcon img {
|
||||
margin-right: 0.75rem;
|
||||
}
|
||||
|
||||
.iconsVtexAndM3 img {
|
||||
width: 40.78%;
|
||||
}
|
||||
|
||||
|
@ -31,4 +31,5 @@ body {
|
||||
font-family: "Roboto", sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user