Vitor_soares/m3-academy-template-checkout-vitor-soares
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: adiciona carrinho vazio

Browse Source
This commit is contained in:
Vitor Soares 2022-12-14 11:56:25 -03:00
parent 33ed850a60
commit aee45eb858
2 changed files with 29 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,7 +1,7 @@
.empty-cart { .empty-cart {
font-family: $font-family; font-family: $font-family;
&-content { &-content {
color: $color-black-100; color: $color-black-500;
text-align: center; text-align: center;
@include mq(md, max) { @include mq(md, max) {
@ -10,29 +10,45 @@
} }
&-title { &-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 { &-links {
.link-choose-products { .link-choose-products {
background: $color-black-100; background: $color-white-500;
border: none; border: 1px solid $color-black-500;
border-radius: 5px; border-radius: 0;
transition: ease-in 0.22s all; transition: ease-in-out 0.2s all;
outline: none;
font-family: $font-family; font-family: $font-family;
font-style: normal;
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; color: $color-black-500;
color: $color-white-500;
text-transform: uppercase; text-transform: uppercase;
padding: 15px 65px 17px;
margin: 0;
&:hover { &:hover {
background: lighten($color-black-100, 5); background: $color-gray6;
} }
} }
} }
} }
.hide {
display: none !important;
opacity: 0;
pointer-events: none;
}

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

@ -15,6 +15,7 @@ $color-gray2: #7d7d7d;
$color-gray3: #f0f0f0; $color-gray3: #f0f0f0;
$color-gray4: #8d8d8d; $color-gray4: #8d8d8d;
$color-gray5: #e5e5e5; $color-gray5: #e5e5e5;
$color-gray6: #ededed;
$color-blue: #4267b2; $color-blue: #4267b2;