SavioCarvalhoMoraes/m3-academy-template-checkout-savio-carvalho-moraes
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(body): Estilizando o carrinho

Browse Source
This commit is contained in:
Savio Carvalho Moraes 2022-12-16 18:19:55 -03:00
parent 71bb9076ea
commit 194d9ddbc6
1 changed files with 36 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -12,7 +12,7 @@
align-items: center;
display: flex;
justify-content: space-between;
margin: 0 !important;
margin: 50px 0 0 0 !important;
}
.container {
width: 100%;
@ -36,54 +36,82 @@
line-height: 38px;
}
.infoCards {
width: 79.375%;
width: 100%;
display: flex;
align-items: center;
gap: 16px;
.infoCard {
width: 23.81%;
width: 242px;
height: 390px;
border: 1px solid #000;
display: flex;
flex-direction: column;
align-items: center;
&__image {
width: 100%;
object-fit: fill;
max-width: 100%;
height: 242px;
object-fit: cover;
border-radius: 8px;
}
&__text {
display: flex;
width: 100%;
margin-top: 20px;
margin-bottom: 0;
font-family: $font-family;
font-size: 13px;
color: #000;
font-weight: 400;
justify-content: center;
}
&__tamanhos {
margin-top: 20px;
width: 100%;
display: flex;
flex-direction: row;
list-style: none;
margin-left: 0%;
gap: 5px;
justify-content: center;
}
&__tamanho {
margin-right: 5px;
background-color: $color-blue-300;
border-radius: 8px;
height: 28px;
display: flex;
justify-content: center;
&__numero {
display: flex;
justify-content: center;
}
&__link {
color: $color-white;
margin: 5px;
margin: 4px;
font-family: $font-family;
font-size: 13px;
font-weight: 700;
}
}
&__link {
padding: 12px 0;
display: flex;
justify-content: center;
width: 242px;
height: 42px;
margin-top: 32px;
font-family: $font-family;
font-weight: 700;
font-size: 13px;
line-height: 18px;
color: $color-white;
background-color: $color-blue-300;
border-radius: 8px;
&::hoover {
cursor: pointer;
}
}
}
}
}