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

Merge pull request 'feat: adiciona css checkout entrega 1280px' (#17) from feature/adiciona-css-checkout-entrega-1280px into development

Browse Source 
Reviewed-on: #17
This commit is contained in:
Rafael Sampaio de Oliveira 2022-12-15 17:16:38 +00:00
commit 79ea68e536
1 changed files with 33 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -512,6 +512,10 @@
.srp-data { .srp-data {
width: 280px; width: 280px;
.ship-country {
display: none;
}
@include mq(cstm, max) { @include mq(cstm, max) {
width: calc(100vw - 32px); width: calc(100vw - 32px);
} }
@ -521,15 +525,15 @@
} }
.srp-pickup-my-location__button { .srp-pickup-my-location__button {
background-color: $color-black; background-color: $color-blue;
border: none; border: none;
border-radius: 5px; border-radius: 8px;
color: $color-white; color: $color-white;
outline: none; outline: none;
width: 100%; width: 100%;
height: 42px;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 700;
font-size: 14px; font-size: 14px;
line-height: 16px; line-height: 16px;
letter-spacing: 0.05em; letter-spacing: 0.05em;
@ -545,7 +549,7 @@
} }
.srp-toggle { .srp-toggle {
margin: 0 0 34px; margin: 0 0 20px;
&__wrapper { &__wrapper {
background-color: $color-white; background-color: $color-white;
@ -560,12 +564,12 @@
} }
&__current { &__current {
border: 1px solid $color-blue; border: 1px solid $color-black;
border-radius: 100px; border-radius: 100px;
} }
.blue { .blue {
color: $color-blue; color: $color-black;
} }
label { label {
@ -597,15 +601,16 @@
font-size: 12px; font-size: 12px;
height: 36px; height: 36px;
padding: 12px 8px; padding: 12px 8px;
width: 172px; width: 132.31%;
} }
& ~ button { & ~ button {
background-color: $color-black; background-color: $color-blue;
border: none; border: none;
border-radius: 5px; border-radius: 8px;
color: $color-white; color: $color-white;
font-size: 12px; font-weight: 700;
font-size: 14px;
height: 36px; height: 36px;
letter-spacing: 1px; letter-spacing: 1px;
outline: none; outline: none;
@ -613,27 +618,32 @@
right: -150px; right: -150px;
top: 36px; top: 36px;
transition: all 0.2s linear; transition: all 0.2s linear;
width: 96px; width: 76.93%;
text-transform: uppercase; text-transform: uppercase;
&:hover { // &:hover {
background-color: lighten($color-black, 5); // background-color: lighten($color-black, 5);
} // }
&:active { // &:active {
background-color: darken($color-black, 5); // background-color: darken($color-black, 5);
} // }
} }
small a { small a {
font-family: $font-family; font-family: "Tenor Sans";
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-size: 10px; font-size: 0;
line-height: 12px;
color: $color-blue; &::after {
content: "Não sei o meu código postal";
font-size: 9.3px;
font-weight: 400;
color: $color-black;
margin-top: 7px; margin-top: 7px;
} }
}
span.help.error { span.help.error {
color: red; color: red;