fix: corrige o prolema do css de componentes custom

manifest.json

@@ -1,5 +1,5 @@
 {
-  "vendor": "agenciam3",
+  "vendor": "agenciamagma",
   "name": "store-theme",
   "version": "5.1.0",
   "builders": {
@@ -15,6 +15,7 @@
     "postreleasy": "vtex publish --verbose"
   },
   "dependencies": {
+    "agenciamagma.store-theme": "5.x",
     "vtex.store": "2.x",
     "vtex.store-header": "2.x",
     "vtex.product-summary": "2.x",

styles/css/agenciamagma.store-theme.css

@@ -0,0 +1,16 @@
+/*
+0 - 600PX: Phone
+600 - 900px: Table portrait
+900 - 1200px: Tablet landscape
+[1200 - 1800] is where our nortal styles apply
+1800px + : Big desktop
+*/
+/* Media Query M3 */
+/* Grid breakpoints */
+.html {
+  background-color: red;
+}
+
+.html--pdp-breadcrumb {
+  background-color: green;
+}

styles/css/contact/vtex.flex-layout.css

@@ -1,16 +0,0 @@
-.flexRowContent--contact {
-  max-width: 700px;
-  margin: auto;
-}
-
-.flexRowContent--contact :global(.vtex-input__label),
-.flexRowContent--contact :global(.vtex-textarea__label) {
-  font-size: 1rem;
-  color: #3f3f40;
-}
-
-.flexRowContent--contact :global(.vtex-input),
-.flexRowContent--contact :global(.vtex-textarea) {
-  display: block;
-  margin-bottom: 1rem;
-}

styles/css/faq/vtex.disclosure-layout.css

@@ -1,37 +0,0 @@
-.trigger--question {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  outline: none;
-}
-
-.trigger--question :global(.vtex-rich-text-0-x-paragraph) {
-  font-weight: bold;
-}
-
-.trigger--question:focus,
-.trigger--question:focus :global(.vtex-rich-text-0-x-paragraph) {
-  color: #0F3E99;
-}
-
-.trigger :global(.vtex-store-icons-0-x-caretIcon) {
-  margin-right: 1rem;
-}
-
-.content--answer {
-  transition: opacity 250ms ease-in-out, height 250ms ease-in-out, transform 250ms ease-in-out;
-  opacity: 0;
-  height: 0;
-  transform: translate3d(0, -10%, 0);
-}
-
-.content--answer[data-enter] {
-  opacity: 1;
-  height: fit-content;
-  transform: translate3d(0, 0, 0);
-}
-
-.content--answer[data-leave] {
-  height: 0;
-  overflow: hidden;
-}

styles/css/faq/vtex.flex-layout.css

@@ -1,4 +0,0 @@
-.flexRowContent--faq {
-  max-width: 700px;
-  margin: auto;
-}

styles/css/product-specification-table/vtex.flex-layout.css

@@ -1,20 +0,0 @@
-.flexRow--productSpecificationGroup:not(:first-child) {
-  margin-top: 1.5rem;
-}
-
-.flexRow--productSpecificationGroupName {
-  background-color: #eaeaea;
-  padding: 0.5rem 1rem;
-}
-
-.flexCol--productSpecificationName {
-  padding: 1rem;
-}
-
-.flexCol--productSpecificationValue {
-  padding: 1rem 1rem 1rem 0;
-}
-
-.flexRow--productSpecification:nth-child(even) {
-  background-color: #f9f9f9;
-}

styles/css/product-specification-table/vtex.product-specifications.css

@@ -1,7 +0,0 @@
-.groupName {
-  font-size: 1.25rem;
-}
-
-.specificationName {
-  font-weight: bold;
-}

styles/css/search/vtex.flex-layout.css

@@ -1,34 +0,0 @@
-.flexRow--orderByAndSwitcher {
-  padding-right: 1.5em;
-}
-
-.flexRowContent--savingsSummaryListDesktop {
-  justify-content: flex-start;
-}
-
-.flexCol--summaryRightListDesktop {
-  justify-content: space-around;
-}
-
-.flexRow--buyNowButton :global(.vtex-button) {
-  background: #eef3f7;
-  border-color:#eef3f7;
-  color: #0f3e99;
-}
-
-.flexRow--buyNowButton:hover :global(.vtex-button) {
-  background: #dbe9fd;
-  border-color:#dbe9fd;
-}
-
-.flexCol--productRating {
-  margin-bottom: 3rem;
-}
-
-.flexCol--summaryDetailsListMobile {
-  justify-content: space-between;
-}
-
-.flexCol--summaryUpDetailsListMobile {
-  margin-bottom: 0.25rem
-}

styles/css/search/vtex.product-summary.css

@@ -1,31 +0,0 @@
-.nameContainer--summaryListDesktop {
-  padding-top: 0.25rem;
-  padding-bottom: 0.75rem;
-  justify-content: start;
-}
-
-.nameContainer--summaryListMobile {
-  padding-top: 0.25rem;
-  padding-bottom: 0.5rem;
-  justify-content: start;
-}
-
-.brandName--summaryListMobile {
-  font-weight: 400;
-  font-size: 0.875rem;
-  color: black;
-}
-
-.container--listLayout {
-  max-width: none !important;
-}
-
-.image--summaryListDesktop {
-  width: 180px !important;
-}
-
-.image--summaryListMobile {
-  width: 140px !important;
-  min-width: 140px;
-  height: inherit !important;
-}

styles/css/search/vtex.rich-text.css

@@ -1,14 +0,0 @@
-.container--layout-option {
-  margin-left: 0.3em;
-}
-
-.paragraph--layout-option {
-  margin: 0;
-}
-
-.paragraph--summarySpecificationBullet {
-  margin: 0;
-  line-height: initial;
-  font-size: 1.25rem;
-  line-height: 1.15rem;
-}

styles/css/search/vtex.store-components.css

@@ -1,12 +0,0 @@
-.productBrandName--summaryListDesktop {
-  text-decoration: none;
-  font-weight: 500;
-  color: #0067C7;
-  font-size: .875rem;
-}
-
-.productBrandName--summaryListMobile {
-  text-decoration: none;
-  color: #0067C7;
-  font-size: .875rem;
-}

styles/css/vtex.reviews-and-ratings.css

@@ -1,17 +0,0 @@
-.container {
-  max-width: 96rem;
-  padding-left: .5rem;
-  padding-right: .5rem;
-}
-
-.inlineContainer {
-  margin-left: 0rem;
-}
-
-.star--filled {
-  color: #FFB100;
-}
-
-.star--empty {
-  color: #FFB100;
-}

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

@@ -0,0 +1,8 @@
+.html {
+  background-color: red;
+}
+
+.html--pdp-breadcrumb {
+  background-color: green;
+}
+