ManuelaLuanaSchumackerTavares/m3-academy-template-checkout-manuela-luana-schumacker-tavares
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(checkout-vazio): Adapta layout do checkout vazio ao layout do figma #7

Merged
ManuelaLuanaSchumackerTavares merged 1 commits from feature/checkout-vazio-style into develop 2022-12-17 16:15:31 +00:00
Conversation 0 Commits 1 Files Changed 1 +54 -32
1 changed files with 54 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
View File

@ -10,29 +10,51 @@
}
&-title {
font-size: 20px;
font-size: 0px;
&::after {
content: "Seu Carrinho está vazio.";
font-size: 24px;
line-height: 33px;
text-align: center;
text-transform: uppercase;
color: $color-black2;
}
}
&-links {
.link-choose-products {
background: $color-black;
border: none;
border-radius: 5px;
background: $color-white;
border: 1px solid $color-black;
border-radius: 0;
transition: ease-in 0.22s all;
outline: none;
font-family: $font-family;
padding: 16px 64px;
font-size: 0;
color: $color-black;
cursor: pointer;
&::after {
content: "Continuar comprando";
font-family: $font-family-secundary;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 16px;
text-align: center;
letter-spacing: 0.05em;
color: $color-white;
text-transform: uppercase;
transition: ease-in 0.22s all;
}
&:hover {
background: lighten($color-black, 5);
color: $color-white;
}
}
}
&-message {
display: none;
}
}