luizfelipe9627/m3-academy-template-checkout-luiz-felipe
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(checkout): criado e modificado estilização. #5

Merged
luizfelipe9627 merged 1 commits from feature/checkout-vazio into development 2022-12-27 00:00:46 +00:00
Conversation 0 Commits 1 Files Changed 1 +63 -37
1 changed files with 63 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit ca17d2432b - Show all commits

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

@ -1,38 +1,64 @@
.empty-cart { .checkout-container {
font-family: $font-family; .cart-template {
&-content { align-items: center;
color: $color-black; flex-direction: column;
text-align: center; justify-content: center;
}
@include mq(md, max) { }
padding: 0 16px;
} .empty-cart {
} &-content {
h2 {
&-title { margin-bottom: 32px;
font-size: 20px; font-family: $font-family;
} font-size: 24px;
font-weight: 700;
&-links { text-transform: uppercase;
.link-choose-products { color: $color-black1;
background: $color-black; line-height: 0;
border: none; text-align: center;
border-radius: 5px;
transition: ease-in 0.22s all; @include mq(xl, min) {
outline: none; font-size: 48px;
font-family: $font-family; line-height: 65px;
font-style: normal; }
font-weight: 500; }
font-size: 14px;
line-height: 16px; @include mq(md, max) {
text-align: center; padding: 0 16px;
letter-spacing: 0.05em; }
color: $color-white; }
text-transform: uppercase;
&-message {
&:hover { display: none;
background: lighten($color-black, 5); }
}
} &-title {
} font-size: 20px;
}
&-links {
.link-choose-products {
background: $color-white1;
border: none;
outline: none;
border: 1px solid $color-black2;
border-radius: 0;
color: $color-black2;
padding: 16px 65px;
font-family: $font-family-secundary;
font-size: 14px;
font-weight: 400;
line-height: 16px;
text-align: center;
text-transform: uppercase;
margin-top: 0;
@include mq(xl, min) {
font-size: 28px;
line-height: 33px;
padding: 16px 121px;
}
}
}
} }