Adiciona estilização do carrinho vazio

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

View File

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

View File

@ -2,12 +2,14 @@
@import url("https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
$font-family: "Open Sans", sans-serif; $font-family: "Open Sans", sans-serif;
$font-family-secundary:"Tenor Sans", sans-serif; $font-family-secundary: "Tenor Sans", sans-serif;
/* Colors */ /* Colors */
$color-black: #292929; $color-black: #292929;
$color-black-1000: #000;
$color-white: #fff; $color-white: #fff;
$color-white-1000: white;
$color-gray: #6c6c6c; $color-gray: #6c6c6c;
$color-gray2: #7d7d7d; $color-gray2: #7d7d7d;
@ -21,18 +23,18 @@ $color-green: #4caf50;
/* Grid breakpoints */ /* Grid breakpoints */
$grid-breakpoints: ( $grid-breakpoints: (
xs: 0, xs: 0,
cstm: 400, cstm: 400,
sm: 576px, sm: 576px,
md: 768px, md: 768px,
lg: 992px, lg: 992px,
xl: 1200px xl: 1200px,
) !default; ) !default;
$z-index: ( $z-index: (
level1: 5, level1: 5,
level2: 10, level2: 10,
level3: 15, level3: 15,
level4: 20, level4: 20,
level5: 25 level5: 25,
) !default; ) !default;