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