Rearranging code to different files

store/blocks/pdp/product-specifications.jsonc → store/blocks/pdp/product-specifications-table.jsonc

@@ -79,32 +79,5 @@
     "props": {
       "message": "{specificationValue}"
     }
-  },
-  "product-specification-group#summary": {
-    "children": [
-      "product-specification#summary"
-    ]
-  },
-  "product-specification#summary": {
-    "children": [
-      "flex-layout.row#summarySpecificationValues"
-    ]
-  },
-  "flex-layout.row#summarySpecificationValues": {
-    "props": {
-      "preventHorizontalStretch": true,
-      "colGap": 3
-    },
-    "children": [
-      "rich-text#summarySpecificationBullet",
-      "product-specification-values"
-    ]
-  },
-  "rich-text#summarySpecificationBullet": {
-    "props": {
-      "text": "•",
-      "textColor": "c-action-primary",
-      "blockClass": "summarySpecificationBullet"
-    }
   }
 }

store/blocks/product-summary/product-specification-list.jsonc

@@ -0,0 +1,29 @@
+{
+  "product-specification-group#summary": {
+    "children": [
+      "product-specification#summary"
+    ]
+  },
+  "product-specification#summary": {
+    "children": [
+      "flex-layout.row#summarySpecificationValues"
+    ]
+  },
+  "flex-layout.row#summarySpecificationValues": {
+    "props": {
+      "preventHorizontalStretch": true,
+      "colGap": 3
+    },
+    "children": [
+      "rich-text#summarySpecificationBullet",
+      "product-specification-values"
+    ]
+  },
+  "rich-text#summarySpecificationBullet": {
+    "props": {
+      "text": "•",
+      "textColor": "c-action-primary",
+      "blockClass": "summarySpecificationBullet"
+    }
+  }
+}

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

@@ -0,0 +1,34 @@
+.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

@@ -0,0 +1,31 @@
+.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

@@ -0,0 +1,14 @@
+.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

@@ -0,0 +1,12 @@
+.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.flex-layout.css

@@ -92,38 +92,3 @@
 .flexRow--addToCartRow {
   padding-bottom: 1rem;
 }
-
-.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/vtex.product-summary.css

@@ -23,30 +23,12 @@
   padding-bottom: 1rem;
 }
 
-.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 {
   font-weight: 600;
   font-size: 18px;
   color: #2E2E2E;
 }
 
-.brandName--summaryListMobile {
-  font-weight: 400;
-  font-size: 0.875rem;
-  color: black;
-}
-
 .container {
   text-align: start;
 }
@@ -58,17 +40,3 @@
 .image {
   border-radius: 0.25rem;
 }
-
-.container--listLayout {
-  max-width: none !important;
-}
-
-.image--summaryListDesktop {
-  width: 180px !important;
-}
-
-.image--summaryListMobile {
-  width: 140px !important;
-  min-width: 140px;
-  height: inherit !important;
-}

styles/css/vtex.rich-text.css

@@ -88,18 +88,3 @@
     line-height: 1.3em;
   }
 }
-
-.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/vtex.store-components.css

@@ -115,16 +115,3 @@
   font-weight: bold;
   font-size: 30px;
 }
-
-.productBrandName--summaryListDesktop {
-  text-decoration: none;
-  font-weight: 500;
-  color: #0067C7;
-  font-size: .875rem;
-}
-
-.productBrandName--summaryListMobile {
-  text-decoration: none;
-  color: #0067C7;
-  font-size: .875rem;
-}