YahToth/m3-academy-template-checkout-gabriel-gomes
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adiciona estilização do carrinho vazio

Browse Source
This commit is contained in:
Gabriel Gomes Fernandes 2022-12-19 05:18:29 -03:00
parent 30555d9098
commit 7acbaf2209
2 changed files with 64 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,37 +1,55 @@
.empty-cart {
font-family: $font-family;
&-content {
color: $color-black;
font-family: $font-family;
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 33px;
text-align: center;
text-transform: uppercase;
color: $color-black-1000;
@include mq(md, max) {
padding: 0 16px;
}
}
&-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-family: $font-family-secundary;
background: $color-white-1000;
border: 1px solid $color-black-1000;
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;
font-weight: 400;
line-height: 16px;
text-align: center;
letter-spacing: 0.05em;
color: $color-white;
font-family: $font-family-secundary;
color: $color-black-1000;
text-transform: uppercase;
&:hover {
background: lighten($color-black, 5);
}
}
}

6
checkout/src/arquivos/sass/utils/_variaveis.scss
View File

@ -6,8 +6,10 @@ $font-family-secundary:"Tenor Sans", sans-serif;
/* Colors */
$color-black: #292929;
$color-black-1000: #000;
$color-white: #fff;
$color-white-1000: white;
$color-gray: #6c6c6c;
$color-gray2: #7d7d7d;
@ -26,7 +28,7 @@ $grid-breakpoints: (
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px
xl: 1200px,
) !default;
$z-index: (
@ -34,5 +36,5 @@ $z-index: (
level2: 10,
level3: 15,
level4: 20,
level5: 25
level5: 25,
) !default;