Desafio 4 M3 Academy #1

Merged
naianfelix merged 11 commits from develop into main 2022-12-19 08:58:14 +00:00
2 changed files with 28 additions and 54 deletions
Showing only changes of commit c1923985a9 - Show all commits

View File

@ -213,8 +213,6 @@
font-size: 12px;
line-height: 14px;
white-space: unset;
width: 100%;
max-width: 175px;
@include mq(lg, max) {
width: 250px;

View File

@ -1,7 +1,7 @@
.empty-cart {
font-family: $font-family;
&-content {
color: $color-black;
color: $color-black1;
text-align: center;
@include mq(md, max) {
@ -10,63 +10,39 @@
}
&-title {
font-size: 20px;
font-size: 24px;
line-height: 32px;
font-weight: 700;
text-transform: uppercase;
margin: 0;
margin-bottom: 32px;
margin-top: 170px;
padding: 0;
}
&-message {
display: none;
}
&-links {
.link-choose-products {
background: $color-black;
border: none;
border-radius: 5px;
transition: ease-in 0.22s all;
outline: none;
font-family: $font-family;
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;
background: $color-white;
border: 1px solid $color-black1;
border-radius: 0;
transition: ease-in-out 0.2s all;
font-size: 0px;
padding: 15px 65px 17px;
margin: 0;
line-height: 0;
&:hover {
background: lighten($color-black, 5);
font-size: 24px;
line-height: 32px;
font-weight: 700;
&::after {
content: "Continuar comprando";
font-size: 14px;
line-height: 16px;
text-align: center;
font-family: $font-family-secundary;
color: $color-black1;
text-transform: uppercase;
margin: 0;
margin-bottom: 32px;
margin-top: 170px;
padding: 0;
}
&-message {
display: none;
}
&-links {
.link-choose-products {
background: $color-white;
border: 1px solid $color-black1;
border-radius: 0;
transition: ease-in-out 0.2s all;
font-size: 0px;
padding: 15px 65px 17px;
margin: 0;
line-height: 0;
&::after {
content: "Continuar comprando";
font-size: 14px;
line-height: 16px;
text-align: center;
font-family: $font-family-secundary;
color: $color-black1;
text-transform: uppercase;
}
}
}
}
}