Merge pull request #2531 from Automattic/update/seedlet-build-script

Seedlet: Compress the SASS build and add source maps

seedlet/assets/css/ie-editor.css

@@ -1726,8 +1726,8 @@ pre.wp-block-verse {
 	margin-bottom: 0;
 }
 
-/* 
- * Custom gradients 
+/*
+ * Custom gradients
 */
 .has-hard-diagonal-gradient-background {
 	background: linear-gradient(to bottom right, #3C8067 49.9%, #FAFBF6 50%);
@@ -2530,3 +2530,4 @@ pre.wp-block-verse {
 	padding-left: 0;
 	padding-right: 0;
 }
+/*# sourceMappingURL=ie-editor.css.map */

seedlet/assets/css/ie.css

@@ -6758,3 +6758,4 @@ button[data-load-more-btn],
 	padding-bottom: 60px !important;
 	padding-left: 80px !important;
 }
+/*# sourceMappingURL=ie.css.map */

seedlet/assets/css/print.css

@@ -161,3 +161,5 @@ Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272
 		filter: none;
 	}
 }
+
+/*# sourceMappingURL=print.css.map */

seedlet/assets/css/style-editor.css

@@ -1356,8 +1356,8 @@ pre.wp-block-verse {
 	margin-bottom: 0;
 }
 
-/* 
- * Custom gradients 
+/*
+ * Custom gradients
 */
 .has-hard-diagonal-gradient-background {
 	background: linear-gradient(to bottom right, var(--global--color-secondary) 49.9%, var(--global--color-tertiary) 50%);
@@ -1925,3 +1925,5 @@ pre.wp-block-verse {
 	padding-left: 0;
 	padding-right: 0;
 }
+
+/*# sourceMappingURL=style-editor.css.map */

seedlet/assets/css/style-woocommerce-rtl.css

@@ -2040,4 +2040,4 @@ body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-
 		margin-right: calc(1.5 * var(--global--spacing-unit));
 		margin-left: auto;
 	}
-}
+}

seedlet/assets/css/style-woocommerce.css

@@ -2041,3 +2041,5 @@ body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-
 		margin-right: auto;
 	}
 }
+
+/*# sourceMappingURL=style-woocommerce.css.map */

seedlet/assets/sass/blocks/utilities/_editor.scss

@@ -169,14 +169,14 @@
 		margin-top: 0;
 	}
 
-	// Needs to be the second-last child to avoid applying this to the appender. 
+	// Needs to be the second-last child to avoid applying this to the appender.
 	[data-block]:nth-last-child(2) {
 		margin-bottom: 0;
 	}
 }
 
-/* 
- * Custom gradients 
+/*
+ * Custom gradients
 */
 .has-hard-diagonal-gradient-background {
 	background: linear-gradient(to bottom right, var(--global--color-secondary) 49.9%, var(--global--color-tertiary) 50%);
@@ -254,4 +254,4 @@
 .alignright {
 	margin: 0;
 	margin-left: var(--global--spacing-horizontal);
-}
+}

seedlet/package.json

@@ -39,12 +39,12 @@
   ],
   "scripts": {
     "start": "chokidar \"**/*.scss\" -c \"npm run build\" --initial",
-    "build:style": "node-sass assets/sass/style.scss style.css --output-style expanded --indent-type tab --indent-width 1",
-    "build:style-editor": "node-sass assets/sass/style-editor.scss assets/css/style-editor.css --output-style expanded --indent-type tab --indent-width 1",
-    "build:woocommerce": "node-sass assets/sass/style-woocommerce.scss assets/css/style-woocommerce.css --output-style expanded --indent-type tab --indent-width 1",
+    "build:style": "node-sass assets/sass/style.scss style.css --output-style expanded --indent-type tab --indent-width 1 --source-map true",
+    "build:style-editor": "node-sass assets/sass/style-editor.scss assets/css/style-editor.css --output-style expanded --indent-type tab --indent-width 1 --source-map true",
+    "build:woocommerce": "node-sass assets/sass/style-woocommerce.scss assets/css/style-woocommerce.css --output-style expanded --indent-type tab --indent-width 1 --source-map true",
     "build:woocommerce-rtl": "rtlcss assets/css/style-woocommerce.css assets/css/style-woocommerce-rtl.css",
     "build:rtl": "rtlcss style.css style-rtl.css",
-    "build:print": "node-sass assets/sass/print.scss assets/css/print.css --output-style expanded --indent-type tab --indent-width 1",
+    "build:print": "node-sass assets/sass/print.scss assets/css/print.css --output-style expanded --indent-type tab --indent-width 1 --source-map true",
     "build:ie": "postcss style.css -o assets/css/ie.css",
     "build:ie-editor": "postcss assets/css/style-editor.css -o assets/css/ie-editor.css",
     "build": "run-s \"build:*\"",

seedlet/style-rtl.css

@@ -4671,4 +4671,4 @@ button[data-load-more-btn],
 	padding-left: calc(var(--layout-grid--gutter-huge) + var(--layout-grid--background-offset)) !important;
 	padding-bottom: var(--layout-grid--gutter-huge) !important;
 	padding-right: calc(var(--layout-grid--gutter-huge) + var(--layout-grid--background-offset)) !important;
-}
+}

seedlet/style.css

@@ -4697,3 +4697,5 @@ button[data-load-more-btn],
 	padding-bottom: var(--layout-grid--gutter-huge) !important;
 	padding-left: calc(var(--layout-grid--gutter-huge) + var(--layout-grid--background-offset)) !important;
 }
+
+/*# sourceMappingURL=style.css.map */