Merge pull request 'feat: adiciona arrows prateleira' (#19) from feature/adiciona-arrows-prateleira into development

Reviewed-on: #19

styles/css/vtex.product-summary.css

@@ -20,5 +20,5 @@
   font-weight: 400;
   line-height: 25px;
   text-align: center;
-  color: #292929;
+  color: #000000;
 }

styles/css/vtex.slider-layout.css

@@ -15,7 +15,7 @@
 }
 
 .paginationDot--shelf {
-  background: #292929;
+  background: #000000;
   width: 10px !important;
   height: 10px !important;
 }
@@ -23,6 +23,22 @@
 .paginationDot--shelf--isActive {
   width: 17px !important;
   height: 17px !important;
-  border: 0.5px solid #292929;
+  border: 0.5px solid #000000;
   background: transparent;
 }
+
+.sliderLeftArrow--shelf {
+  visibility: hidden;
+}
+.sliderLeftArrow--shelf::after {
+  visibility: visible;
+  content: url("https://agenciamagma.vtexassets.com/arquivos/rafaelSampaioLeftArrow.png");
+}
+
+.sliderRightArrow--shelf {
+  visibility: hidden;
+}
+.sliderRightArrow--shelf::before {
+  visibility: visible;
+  content: url("https://agenciamagma.vtexassets.com/arquivos/rafaelSampaioRightArrow.png");
+}

styles/sass/pages/product/vtex.slider-layout.scss

@@ -16,3 +16,21 @@
   border: 0.5px solid $color-black;
   background: transparent;
 }
+
+.sliderLeftArrow--shelf {
+  visibility: hidden;
+
+  &::after {
+    visibility: visible;
+    content: url("https://agenciamagma.vtexassets.com/arquivos/rafaelSampaioLeftArrow.png");
+  }
+}
+
+.sliderRightArrow--shelf {
+  visibility: hidden;
+
+  &::before {
+    visibility: visible;
+    content: url("https://agenciamagma.vtexassets.com/arquivos/rafaelSampaioRightArrow.png");
+  }
+}