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

feat(css): começando checkout css

Browse Source
This commit is contained in:
Matheus Brollo Dauter 2022-12-16 17:48:17 -03:00
parent 475fdadb93
commit 72de1ebca3
4 changed files with 73 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
View File

@ -7,6 +7,14 @@
.cart-template {
font-family: $font-family-secundary;
.cart-template-holder {
margin-bottom: 48px;
}
.empty-cart-message {
display: none;
}
@include mq(md, max) {
padding: 0 0;
}
@ -344,7 +352,7 @@
}
.srp-main-title {
margin: 32px 0 12px;
margin: 0 0 11px 0;
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
@ -393,18 +401,20 @@
}
.srp-pickup-my-location__button {
background-color: $black;
background-color: $blue;
border: none;
border-radius: 5px;
border-radius: 8px;
color: $white;
outline: none;
width: 100%;
font-family: 'Open Sans';
font-style: normal;
font-weight: 500;
font-weight: 700;
font-size: 14px;
line-height: 16px;
letter-spacing: 0.05em;
line-height: 19px;
padding: 11px 0;
}
}
@ -424,12 +434,12 @@
}
&__current {
border: 1px solid $color-blue;
border: 1px solid $black;
border-radius: 100px;
}
.blue {
color: $color-blue;
color: $black;
}
label {
@ -639,7 +649,7 @@
width: 100%;
}
&::placeholder {
font-family: 'Tenor Sans';
font-family: "Tenor Sans";
font-style: normal;
font-weight: 400;
font-size: 12px;

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

@ -1,8 +1,9 @@
.empty-cart {
font-family: $font-family;
&-content {
color: $color-black;
color: $white;
text-align: center;
margin-top: 170px;
@include mq(md, max) {
padding: 0 16px;
@ -10,28 +11,52 @@
}
&-title {
font-size: 20px;
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 33px;
text-align: center;
text-transform: uppercase;
margin: 0;
color: $black;
}
&-links {
a {
font-family: "Tenor Sans";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.05em;
color: transparent;
}
a::after {
content: 'Continuar comprando';
color: $black;
position: absolute;
left: 0;
right: 0;
}
.link-choose-products {
background: $color-black;
border: none;
border-radius: 5px;
width: 327px;
background: $white;
border: 1px solid $black;
border-radius: 0px;
padding: 15px 0;
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;
&:hover {
background: lighten($color-black, 5);
background: $white;
}
}
}

13
checkout/src/arquivos/sass/checkout/_checkout.scss
View File

@ -70,6 +70,19 @@ body {
color: $color-black !important;
}
#cart-title {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 33px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: $black;
}
#cart-title,
#orderform-title {
color: $gray-500;

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

@ -6,7 +6,7 @@ $font-family-secundary: "Tenor Sans", sans-serif;
/* Colors */
$black: #000;
$white: #fff;
$white: #FFFFFF;
$color-black: #292929;