feat(pdp/breadcrumb): finished styles in fonts

styles/css/agenciamagma.store-theme.css

@@ -8,6 +8,6 @@
 /* Media Query M3 */
 /* Grid breakpoints */
 .html--pdp-breadcrumb {
-  width: 271.25px;
+  width: 100%;
   padding: 0 40px;
 }

styles/css/vtex.breadcrumb.css

@@ -9,16 +9,10 @@
 /* Grid breakpoints */
 .container {
   width: 100%;
-  display: flex;
+  display: inline-flex;
   flex-wrap: wrap;
-}
+  flex-basis: 100%;
-
+  align-items: baseline;
-.homeLink::before {
-  content: "Home";
-}
-
-.arrow {
-  display: block;
 }
 
 .termArrow {
@@ -30,4 +24,24 @@
 
 .term {
   font-size: 0;
+}
+
+.homeLink::before {
+  content: "Home";
+  font-size: 14px;
+  line-height: 20.12px;
+}
+
+.arrow--1 .link {
+  font-size: 0;
+}
+.arrow--1 .link::before {
+  content: "Sapatos";
+  font-size: 14px;
+  line-height: 20.12px;
+}
+
+.arrow--2 .link {
+  font-size: 14px;
+  line-height: 20.12px;
 }

styles/sass/pages/product/agenciamagma.store-theme.scss

@@ -1,6 +1,4 @@
-$containers: ();
-
 .html--pdp-breadcrumb {
-  width: 271.25px;
+  width: 100%;
   padding: 0 40px;
 }

styles/sass/pages/product/vtex.breadcrumb.scss

@@ -1,20 +1,9 @@
 .container {
   width: 100%;
-  display: flex;
+  display: inline-flex;
   flex-wrap: wrap;
-}
+  flex-basis: 100%;
-
+  align-items: baseline;
-.homeLink {
-  &::before {
-    content: "Home";
-  }
-}
-
-.arrow-1 {
-}
-
-.arrow {
-  display: block;
 }
 
 .termArrow {
@@ -28,3 +17,31 @@
 .term {
   font-size: 0;
 }
+
+// manipulation fonts with before
+.homeLink {
+  &::before {
+    content: "Home";
+    font-size: 14px;
+    line-height: 20.12px;
+  }
+}
+
+.arrow--1 {
+  .link {
+    font-size: 0;
+
+    &::before {
+      content: "Sapatos";
+      font-size: 14px;
+      line-height: 20.12px;
+    }
+  }
+}
+
+.arrow--2 {
+  .link {
+    font-size: 14px;
+    line-height: 20.12px;
+  }
+}