MateusLopes/m3-academy-template-checkout-Mateus-Lopes
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(checkout): add estilo no carrinho vazio

Browse Source
This commit is contained in:
Mateus Antonio Rodrigues Lopes 2022-12-11 00:25:52 -03:00
parent 2dab582c69
commit a407a85099
1 changed files with 48 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,38 +1,54 @@
.empty-cart { .empty-cart {
font-family: $font-family; font-family: $font-family;
&-content { &-content {
color: $color-black; color: $color-black;
text-align: center; text-align: center;
@include mq(md, max) { @include mq(md, max) {
padding: 0 16px; padding: 0 16px;
} }
} }
&-title { &-title {
font-size: 20px; text-transform: uppercase;
} font-size: 24px;
font-weight: 700;
line-height: 33px;
margin-bottom: 32px;
color: black;
}
&-links { &-message {
.link-choose-products { display: none;
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;
&:hover { &-links {
background: lighten($color-black, 5); .link-choose-products {
} background: $color-white;
} border: solid 1px black;
} border-radius: 0;
outline: none;
font-family: $font-family-secundary;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0 auto;
width: 31.95%;
height: 48px;
letter-spacing: 0.05em;
color: black;
text-transform: uppercase;
transition: ease-in 0.22s all;
&:hover {
background: lighten($color-black, 5);
}
}
}
} }