From d4fb368f7885882e33c9b676eabdf7432a98b35b Mon Sep 17 00:00:00 2001
From: Gabriel Ferraz <gabrielferraznog@gmail.com>
Date: Tue, 13 Dec 2022 20:06:10 -0300
Subject: [PATCH] feat(footer): scss pra telas menores que 322px

---
 .../src/arquivos/sass/partials/_footer.scss   | 22 ++++++++++++-------
 .../src/arquivos/sass/utils/_variaveis.scss   |  1 +
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/checkout/src/arquivos/sass/partials/_footer.scss b/checkout/src/arquivos/sass/partials/_footer.scss
index 9747886..0f241fb 100644
--- a/checkout/src/arquivos/sass/partials/_footer.scss
+++ b/checkout/src/arquivos/sass/partials/_footer.scss
@@ -60,6 +60,20 @@
         list-style: none;
         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) {
             justify-content: center;
             min-width: 404px;
@@ -89,16 +103,9 @@
         }
 
         .footerCheckout__stamps__divider {
-            position: relative;
             border-left: 1px solid $gray;
             margin-left: 4px;
 
-            // &::before {
-            //     content: "";
-            //     color: $gray;
-            //     position: absolute;
-            // }
-
             @include mq(dt, min) {
                 margin-left: 11.35px;
             }
@@ -126,7 +133,6 @@
         display: flex;
         list-style-type: none;
         margin: 0;
-        // margin-right: 16.5px;
 
         @include mq(dt, max) {
             display: flex;
diff --git a/checkout/src/arquivos/sass/utils/_variaveis.scss b/checkout/src/arquivos/sass/utils/_variaveis.scss
index fd2d568..f90fd16 100644
--- a/checkout/src/arquivos/sass/utils/_variaveis.scss
+++ b/checkout/src/arquivos/sass/utils/_variaveis.scss
@@ -25,6 +25,7 @@ $color-green: #4caf50;
 /* Grid breakpoints */
 $grid-breakpoints: (
     xs: 0,
+    Gf: 322px,
     cstm: 400,
     sm: 576px,
     md: 768px,