ManuelaLuanaSchumackerTavares/m3-academy-template-checkout-manuela-luana-schumacker-tavares
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(cupom-button): Adiciona estilo que ficou faltando no botao de cupom

Browse Source
This commit is contained in:
Manuela Luana Schumacker Tavares 2022-12-18 13:26:21 -03:00
parent bf5956994c
commit 2ea4f4e455
1 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -703,6 +703,7 @@
} }
.coupon-label label { .coupon-label label {
display: flex;
margin-bottom: 12px; margin-bottom: 12px;
font-family: $font-family; font-family: $font-family;
font-style: normal; font-style: normal;
@ -715,6 +716,7 @@
.coupon-fields { .coupon-fields {
margin-bottom: 32px; margin-bottom: 32px;
display: flex;
@include mq(sm, max) { @include mq(sm, max) {
span { span {
@ -735,9 +737,9 @@
box-shadow: none; box-shadow: none;
color: $color-gray4; color: $color-gray4;
font-size: 12px; font-size: 12px;
height: 34px; height: 36px;
padding: 0 12px; padding: 0 12px;
max-width: 160px; max-width: 204.32px;
@include mq(sm, max) { @include mq(sm, max) {
max-width: 100%; max-width: 100%;
@ -746,17 +748,18 @@
} }
button { button {
background: $color-black; background: $color-blue2;
border: none; border: none;
border-radius: 5px; border-radius: 5px;
color: $color-white; color: $color-black2;
font-size: 12px; font-weight: 400;
font-size: 14px;
line-height: 19px;
height: 36px; height: 36px;
letter-spacing: 1px; letter-spacing: 1px;
margin-left: 6px; margin-left: 15.17px;
outline: none; outline: none;
transition: all 0.2s linear; transition: all 0.2s linear;
width: 94px;
text-transform: uppercase; text-transform: uppercase;
@include mq(md, max) { @include mq(md, max) {
@ -764,11 +767,11 @@
} }
&:hover { &:hover {
background-color: lighten($color-black, 5); background-color: lighten($color-blue, 5);
} }
&:active { &:active {
background-color: darken($color-black, 5); background-color: darken($color-blue, 5);
} }
} }
} }