Reorganize scss files

assets/index.js

@@ -1,2 +1,2 @@
-import './scss/index.scss';
+import './scss/_index.scss';
 import './js/index';

assets/scss/_index.scss

@@ -0,0 +1,5 @@
+@import './abstracts';
+@import './base';
+@import './patterns/';
+@import './template-parts';
+@import './templates';

assets/scss/base/_base.scss → assets/scss/base/_index.scss

@@ -1,3 +1,4 @@
 // 'base/' keeps files styling the base HTML elements.
 @import './global';
 @import './pagination';
+@import './forms';

assets/scss/patterns/_index.scss

@@ -0,0 +1,2 @@
+// 'patterns/' houses styles for custom patterns.
+// @import './pattern-name';

assets/scss/template-parts/_index.scss

@@ -0,0 +1,3 @@
+// 'template-parts/' houses styles for site editor template parts.
+@import './header';
+@import './footer';

assets/scss/templates/_index.scss

@@ -0,0 +1,4 @@
+// 'templates/' houses styles for site editor templates.
+@import './archive';
+@import './search';
+@import './404';

webpack.config.js

@@ -25,7 +25,7 @@ const coreBlockEntryPaths = glob
 module.exports = {
 	...defaultConfig,
 	entry: {
-		style: './assets/scss/index.scss',
+		style: './assets/scss/_index.scss',
 		index: './assets/js/index.js',
 		variations: './assets/js/block-variations/index.js',
 		filters: './assets/js/block-filters/index.js',