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

feat(footer): scss pra telas menores que 322px

Browse Source
This commit is contained in:
Gabriel Ferraz Nogueira 2022-12-13 20:06:10 -03:00
parent 35ae50f710
commit d4fb368f78
2 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
checkout/src/arquivos/sass/partials/_footer.scss
View File

@ -60,6 +60,20 @@
list-style: none; list-style: none;
margin: 0 0 0 5px; margin: 0 0 0 5px;
@include mq(Gf, max) {
flex-direction: column;
align-items: start;
gap: 5px;
.footerCheckout__stamps__divider {
display: none;
}
.footerCheckout__vtexpci {
margin-left: 0 !important;
}
}
@include mq(dt, min) { @include mq(dt, min) {
justify-content: center; justify-content: center;
min-width: 404px; min-width: 404px;
@ -89,16 +103,9 @@
} }
.footerCheckout__stamps__divider { .footerCheckout__stamps__divider {
position: relative;
border-left: 1px solid $gray; border-left: 1px solid $gray;
margin-left: 4px; margin-left: 4px;
// &::before {
// content: "";
// color: $gray;
// position: absolute;
// }
@include mq(dt, min) { @include mq(dt, min) {
margin-left: 11.35px; margin-left: 11.35px;
} }
@ -126,7 +133,6 @@
display: flex; display: flex;
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
// margin-right: 16.5px;
@include mq(dt, max) { @include mq(dt, max) {
display: flex; display: flex;

1
checkout/src/arquivos/sass/utils/_variaveis.scss
View File

@ -25,6 +25,7 @@ $color-green: #4caf50;
/* Grid breakpoints */ /* Grid breakpoints */
$grid-breakpoints: ( $grid-breakpoints: (
xs: 0, xs: 0,
Gf: 322px,
cstm: 400, cstm: 400,
sm: 576px, sm: 576px,
md: 768px, md: 768px,