From 4f1f29cd85c0bf79243cba7626fec86230e6b880 Mon Sep 17 00:00:00 2001
From: Samuel <samuelcondackxz@gmail.com>
Date: Thu, 9 Feb 2023 11:41:22 -0300
Subject: [PATCH] feat: adiciona css no slider layout mobile

---
 styles/css/vtex.breadcrumb.css                    |  6 ++++--
 styles/css/vtex.slider-layout.css                 | 10 ++++++++++
 styles/sass/pages/product/vtex.breadcrumb.scss    |  7 +++++--
 styles/sass/pages/product/vtex.slider-layout.scss |  6 ++++++
 4 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/styles/css/vtex.breadcrumb.css b/styles/css/vtex.breadcrumb.css
index 28c7d54..c0a25ad 100644
--- a/styles/css/vtex.breadcrumb.css
+++ b/styles/css/vtex.breadcrumb.css
@@ -11,12 +11,14 @@
   padding: 16px 40px;
   margin: 0 auto;
   max-width: 96rem;
-  display: flex;
   align-items: center;
 }
 .container .homeLink .homeIcon {
   display: none;
 }
+.container :global(.vtex-breadcrumb-1-x-link) {
+  font-size: 14px;
+}
 .container .homeLink::before {
   content: "Home";
   font-size: 16px;
@@ -35,7 +37,7 @@
 }
 .container .arrow--1 .link::before {
   content: "Sapatos";
-  font-size: 16px;
+  font-size: 14px;
   color: #929292;
 }
 .container .arrow--1 .link:hover::before {
diff --git a/styles/css/vtex.slider-layout.css b/styles/css/vtex.slider-layout.css
index 803aeb2..eb4866b 100644
--- a/styles/css/vtex.slider-layout.css
+++ b/styles/css/vtex.slider-layout.css
@@ -20,11 +20,21 @@
   margin: 0;
   padding: 0;
 }
+@media (max-width: 320px) {
+  .sliderLayoutContainer .sliderLeftArrow {
+    left: 10px;
+  }
+}
 .sliderLayoutContainer .sliderRightArrow {
   right: 36px;
   margin: 0;
   padding: 0;
 }
+@media (max-width: 320px) {
+  .sliderLayoutContainer .sliderRightArrow {
+    right: 10px;
+  }
+}
 .sliderLayoutContainer .sliderTrackContainer {
   margin: 0 auto;
   width: 94%;
diff --git a/styles/sass/pages/product/vtex.breadcrumb.scss b/styles/sass/pages/product/vtex.breadcrumb.scss
index bbf6964..e5df527 100644
--- a/styles/sass/pages/product/vtex.breadcrumb.scss
+++ b/styles/sass/pages/product/vtex.breadcrumb.scss
@@ -2,13 +2,15 @@
   padding: 16px 40px;
   margin: 0 auto;
   max-width: 96rem;
-  display: flex;
   align-items: center;
   .homeLink {
     .homeIcon {
       display: none;
     }
   }
+:global(.vtex-breadcrumb-1-x-link){
+  font-size: 14px;
+}
   .homeLink::before {
     content: 'Home';
     font-size: 16px;
@@ -29,8 +31,9 @@
     }
     .link::before {
       content: 'Sapatos';
-      font-size: 16px;
+      font-size: 14px;
       color: #929292;
+
     }
     .link:hover::before {
       color: #0f3e99;
diff --git a/styles/sass/pages/product/vtex.slider-layout.scss b/styles/sass/pages/product/vtex.slider-layout.scss
index 9ddd4b3..6c97656 100644
--- a/styles/sass/pages/product/vtex.slider-layout.scss
+++ b/styles/sass/pages/product/vtex.slider-layout.scss
@@ -10,12 +10,18 @@
     left: 36px;
     margin: 0;
     padding: 0;
+    @media (max-width: 320px){
+      left: 10px;
+    }
   }
 
   .sliderRightArrow {
     right: 36px;
     margin: 0;
     padding: 0;
+    @media (max-width: 320px){
+      right: 10px;
+    }
   }
 
   .sliderTrackContainer {