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

responsivo em andamento

Browse Source
This commit is contained in:
Nathalia Sardou 2022-12-26 01:16:55 -03:00
parent 73fe8403c9
commit 11817acb94
3 changed files with 129 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,8 @@
.container {
//background: green;
#cart-title{
// background: blue;
}
@include mq(md, max) {
width: 100%;
}
@ -6,6 +10,7 @@
.cart-template {
font-family: $font-family;
//background: red;
@include mq(md, max) {
padding: 0 0;
}
@ -16,7 +21,7 @@
border: 3px solid $color-gray3;
box-sizing: border-box;
border-radius: 5px;
padding: 16px;
padding: 10px;
@include mq(md, max) {
margin: 0px 0 25px 0;
@ -252,9 +257,9 @@
padding: 0;
width: max-content !important;
@media (max-width: 490px) {
margin-left: 84px !important;
}
// @media (max-width: 490px) {
// margin-left: 80px !important;
// }
input {
background-color: $color-white;
@ -378,12 +383,13 @@
margin: 0;
width: max-content;
.srp-container {
padding: 0 0 0 10px;
@include mq(md, max) {
padding: 0 16px;
}
// @include mq(md, max) {
// padding: 0 16px;
// }
.srp-main-title {
font-family: $font-family;
@ -423,13 +429,6 @@
padding: 12px 40px;
transition: all 0.2s linear;
&:hover {
background-color: lighten($color-gray5, 5);
}
&:active {
background-color: darken($color-gray5, 5);
}
}
}
@ -858,3 +857,68 @@
}
}
}
@media (min-width:350px)and (max-width: 490px){
.container-cart{
min-width: 100%;
margin-top: -120px;
#cart-title{
margin-left: 0px;
}
}
.cart-items {
.product-item {
padding: 16px 0;
//background: #bb4f4f;
#product-name2621{
margin-left: 5px;
}
}
}
.summary {
.cart-more-options {
.srp-container {
padding: 0px 0px;
}
}
}
.btn-place-order-wrapper {
a {
max-width: 120%;
}
}
}
@media (min-width:280px) and (max-width: 300px){
.container-cart{
#cart-title{
margin-left: 0px;
}
}
.cart-items {
.product-item {
padding: 16px 0;
//background: #bb4f4f;
#product-name2621{
margin-left: 5px;
}
}
}
.summary {
.cart-more-options {
.srp-container {
padding: 0px 0px;
margin-left: -10px;
}
}
}
.btn-place-order-wrapper {
a {
min-width: 120%;
margin-left: -35px;
}
}
}

7
checkout/src/arquivos/sass/checkout/_checkout.scss
View File

@ -59,6 +59,13 @@ body {
width: 80%;
}
}
@media (min-width:280px) and (max-width: 300px){
.container-order-form,
.container-cart {
width: 95%;
margin-top: -130px;
}
}
.btn-success {
background: $color-blue-2;

44
checkout/src/arquivos/sass/partials/_prateleira.scss
View File

@ -103,3 +103,47 @@
}
}
}
@media (min-width:350px) and (max-width: 490px){
footer .footerCheckout__prateleira{
min-width: 100%;
.itemSku {
gap: 1.5px;
p {
padding: 3px;
max-width: 30px;
max-height: 21px;
}
}
.slick-prev {
top: 110px;
left: 0;
}
.slick-next {
top: 110px;
left: 400px;
}
}
}
@media (min-width:280px) and (max-width: 300px){
footer .footerCheckout__prateleira{
min-width: 100%;
.itemSku {
gap: 1.5px;
p {
padding: 3px;
max-width: 30px;
max-height: 21px;
}
}
.slick-prev {
top: 110px;
left: 0;
}
.slick-next {
top: 110px;
left: 265px;
}
}
}