Merge pull request 'feat(checkout-vazio): Adapta layout do checkout vazio ao layout do figma' (#7) from feature/checkout-vazio-style into develop

Reviewed-on: #7
This commit is contained in:
Manuela Luana Schumacker Tavares 2022-12-17 16:15:30 +00:00
commit 8f4f30404c

View File

@ -10,29 +10,51 @@
} }
&-title { &-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 { &-links {
.link-choose-products { .link-choose-products {
background: $color-black; background: $color-white;
border: none; border: 1px solid $color-black;
border-radius: 5px; border-radius: 0;
transition: ease-in 0.22s all; transition: ease-in 0.22s all;
outline: none; 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-style: normal;
font-weight: 500; font-weight: 500;
font-size: 14px; font-size: 14px;
line-height: 16px; line-height: 16px;
text-align: center; text-align: center;
letter-spacing: 0.05em; letter-spacing: 0.05em;
color: $color-white;
text-transform: uppercase; text-transform: uppercase;
transition: ease-in 0.22s all;
}
&:hover { &:hover {
background: lighten($color-black, 5); background: lighten($color-black, 5);
color: $color-white;
} }
} }
} }
&-message {
display: none;
}
} }