diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss index aa55881..c612fb1 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss @@ -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); + // } } } }