feat(slick): finished

checkout/src/arquivos/js/components/Footer.js

@@ -72,7 +72,7 @@ export default class Footer {
     events() {
         window.addEventListener("hashchange", () => {
             if (window.location.hash == "#/cart" && this.checkoutVazio.style.display == "none") {
-                this.list.style.display = "flex";
+                this.list.style.display = "block";
             }
             if (window.location.hash != "#/cart") {
                 this.list.style.display = "none";
@@ -187,7 +187,7 @@ export default class Footer {
         let target = this.checkoutVazio;
         let lista = this.list;
         if (target.style.display == "none" && window.location.hash == "#/cart") {
-            lista.style.display = "flex";
+            lista.style.display = "block";
             this.fetchApiData();
         } else {
             lista.style.display = "none";
@@ -200,7 +200,7 @@ export default class Footer {
             mutations.forEach(function (mutation) {
                 if (target.style.display != "none") {
                     lista.style.display = "none";
-                } else lista.style.display = "flex";
+                } else lista.style.display = "block";
             });
         });
 

checkout/src/arquivos/sass/checkout/_checkout.scss

@@ -130,9 +130,12 @@ body {
 }
 
 .footerCheckout__prateleira {
-    display: block !important;
     padding-bottom: 56px;
 
+    ul {
+        margin: 0;
+    }
+
     h3 {
         font-family: "Tenor Sans";
         font-style: normal;
@@ -178,11 +181,15 @@ body {
             padding: 5px;
 
             color: $white;
-            background: #00c8ff;
+            background: $blue;
             border-radius: 8px;
         }
     }
 
+    a:hover {
+        text-decoration: none;
+    }
+
     .linkSlick {
         display: flex;
         align-items: center;
@@ -190,7 +197,7 @@ body {
         justify-content: center;
 
         p {
-            font-family: 'Open Sans';
+            font-family: "Open Sans";
             font-style: normal;
             font-weight: 700;
             font-size: 13px;
@@ -201,7 +208,7 @@ body {
             width: 100%;
 
             color: $white;
-            background: #00C8FF;
+            background: $blue;
             border-radius: 8px;
         }
     }

checkout/src/arquivos/sass/lib/_slick.scss

@@ -62,7 +62,7 @@
     }
 }
 .slick-slide {
-    margin: 0 16px 0 0;
+    margin: 0 8px 0 8px;
     float: left;
     height: 100%;
     min-height: 1px;
@@ -105,7 +105,7 @@
     background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-left-mini-M3Academy.svg")
         no-repeat center center;
     z-index: 4;
-    left: 10px;
+    left: 22px;
     top: 30%;
     border: none;
     height: 30px;
@@ -114,7 +114,7 @@
     background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-right-mini-M3Academy.svg")
         no-repeat center center;
     z-index: 4;
-    right: 25px;
+    right: 20px;
     bottom: 62%;
     border: none;
     height: 30px;

checkout/src/arquivos/sass/utils/_variaveis.scss

@@ -2,7 +2,7 @@
 @import url("https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
 $font-family: "Open Sans", sans-serif;
-$font-family-secundary:"Tenor Sans", sans-serif;
+$font-family-secundary: "Tenor Sans", sans-serif;
 
 /* Colors */
 $black: #000;
@@ -46,9 +46,9 @@ $grid-breakpoints: (
 ) !default;
 
 $z-index: (
-	level1: 5,
-	level2: 10,
-	level3: 15,
-	level4: 20,
-	level5: 25
+    level1: 5,
+    level2: 10,
+    level3: 15,
+    level4: 20,
+    level5: 25,
 ) !default;