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

feat: adiciona css checkout cupom 1280px

Browse Source
This commit is contained in:
Rafael Sampaio de Oliveira 2022-12-15 11:12:25 -03:00
parent 80daf2a297
commit 3aeb462fdf
1 changed files with 28 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -163,28 +163,23 @@
}
.product-image {
height: auto;
padding: 0;
width: 60px;
@include mq(sm, max) {
width: 72px;
}
}
td.product-image {
width: 6.062%;
height: 60px;
padding: 0;
img {
min-width: 100%;
min-height: 100%;
width: 100%;
max-width: 100%;
height: 60px !important;
@include mq(sm, max) {
height: 72px;
width: auto;
}
}
@include mq(sm, max) {
width: 72px;
}
}
.product-name {
@ -502,7 +497,6 @@
outline: none;
height: 44px;
width: 56.077%;
transition: all 0.2s linear;
// &:hover {
// background-color: lighten($color-gray5, 5);
@ -750,13 +744,14 @@
}
.coupon-label label {
margin-bottom: 12px;
// margin-bottom: 12px;
text-align: left;
font-family: $font-family;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: $color-gray2;
color: $color-gray9;
cursor: none;
}
@ -777,14 +772,14 @@
}
input {
border: 2px solid $color-gray3;
border: 1px solid $color-gray5;
border-radius: 5px;
box-shadow: none;
color: $color-gray4;
color: $color-gray8;
font-size: 12px;
height: 34px;
padding: 0 12px;
max-width: 160px;
width: 50.96%;
@include mq(sm, max) {
max-width: 100%;
@ -793,30 +788,28 @@
}
button {
background: $color-black;
background: $color-blue;
border: none;
border-radius: 5px;
color: $color-white;
font-size: 12px;
height: 36px;
letter-spacing: 1px;
margin-left: 6px;
outline: none;
transition: all 0.2s linear;
width: 94px;
border-radius: 8px;
color: $color-black;
font-size: 14px;
line-height: 19px;
text-transform: uppercase;
height: 36px;
width: 38.59%;
margin-left: 7px;
@include mq(md, max) {
width: 138px;
}
&:hover {
background-color: lighten($color-black, 5);
}
// &:hover {
// background-color: lighten($color-black, 5);
// }
&:active {
background-color: darken($color-black, 5);
}
// &:active {
// background-color: darken($color-black, 5);
// }
}
}
}