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

feat: criando o css do meu carrinho e no seu pedido

Browse Source
This commit is contained in:
PATRICK DE SOUZA SILVA 2022-12-16 20:53:03 -03:00
parent 9f5eea9643
commit 96267866df
2 changed files with 24 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -155,7 +155,7 @@
}
a {
color: $color-blue;
color: $color-black;
font-family: $font-family-secundary;
font-style: normal;
font-weight: normal;
@ -604,7 +604,9 @@
&-totalizers {
padding: 0;
width: 346px;
width: 100%;
max-width: 688px;
height: 320px;
.coupon-data {
#cart-link-coupon-add {
@ -615,13 +617,12 @@
}
}
span {
font-family: $font-family;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: $color-blue;
font-family: $font-family-secundary;
color: $color-black;
text-decoration: none;
font-weight: 400;
font-size: 24px;
line-height: 28px;
}
}
@ -759,7 +760,9 @@
.cart-links-bottom {
display: flex;
flex-direction: column;
width: 343px;
width: 100%;
max-width: 688px;
height: 55px;
@include mq(md, max) {
padding: 0 16px;
@ -786,37 +789,38 @@
font-family: $font-family;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: $color-blue;
font-size: 24px;
line-height: 28px;
color: $color-black;
}
}
.btn-place-order-wrapper {
a {
background: $color-green;
background: $color-blue2;
border: none;
border-radius: 5px;
border-radius: 8px;
display: block;
font-size: 0;
transition: ease-in 0.22s all;
padding: 12px 19px;
&:hover {
background-color: darken($color-green, 5);
background-color: darken($color-blue2, 5);
}
&:after {
content: "finalizar compra";
font-family: $font-family;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
color: $color-white;
text-transform: uppercase;
vertical-align: middle;
line-height: 19px;
text-shadow: none;
font-weight: 700;
font-size: 28px;
line-height: 38px;
color: $color-black;
}
}
}

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

@ -18,6 +18,8 @@ $color-gray5: #e5e5e5;
$color-gray6: #989898;
$color-blue: #4267b2;
$color-blue2:#00C8FF;
$color-blue3:#00b7ff;
$color-green: #4caf50;