naianfelix/m3-academy-template-checkout-naian-felix
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: modifica botao e titulos do carrinho

Browse Source
This commit is contained in:
Naian Felix dos Santos 2022-12-09 12:11:42 -03:00
parent 2dab582c69
commit 73f6b3c01f
1 changed files with 59 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,38 +1,64 @@
.empty-cart {
font-family: $font-family;
&-content {
color: $color-black;
text-align: center;
.container-cart {
.empty-cart {
font-family: $font-family;
&-content {
padding: 0;
color: $color-black;
text-align: center;
}
@include mq(md, max) {
padding: 0 16px;
}
}
&-title {
font-weight: 700;
font-size: 18px;
line-height: 25px;
align-items: center;
text-align: center;
text-transform: uppercase;
}
&-title {
font-size: 20px;
}
&-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;
&-links {
display: flex;
justify-content: center;
&:hover {
background: lighten($color-black, 5);
}
}
}
.link-choose-products {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 46px;
max-width: 248px;
width: 100%;
font-family: $font-family-secundary;
border: 1px solid #000000;
background: $color-white;
border-radius: 0;
transition: ease-in 0.22s all;
outline: none;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 16px;
text-align: center;
color: transparent;
text-transform: uppercase;
padding: 0;
&::after {
position: absolute;
left: auto;
right: auto;
content: "CONTINUAR COMPRANDO";
color: $color-black;
}
&:hover {
background: lighten($color-white, 5);
}
}
}
}
}