update for dart sass

gulpfile.js

@@ -38,7 +38,7 @@ gulp.task('clean:css', (cb) => {
 });
 
 gulp.task('watch', () => {
-	gulp.watch('sass/**/*.scss', gulp.series('sass'));
+	gulp.watch(['sass/**/*.scss', 'inc/blocks/*/*.scss'], gulp.series('sass'));
 });
 
 // One time build process.

sass/block-editor.scss

@@ -1,80 +1,13 @@
-/*--------------------------------------------------------------
->>> TABLE OF CONTENTS:
-----------------------------------------------------------------
-# Generic
-	- Normalize
-	- Box sizing
-# Base
-	- Typography
-	- Elements
-	- Links
-	- Forms
-## Layouts
-# Components
-	- Navigation
-	- Posts and pages
-	- Comments
-	- Widgets
-	- Media
-	- Captions
-	- Galleries
-# plugins
-	- Jetpack infinite scroll
-# Utilities
-	- Accessibility
-	- Alignments
-
---------------------------------------------------------------*/
-
-// Import variables and mixins.
-@import "abstracts/abstracts";
-
-/*--------------------------------------------------------------
-# Generic
---------------------------------------------------------------*/
-
-/* Normalize
---------------------------------------------- */
-@import "generic/normalize";
-
-/* Box sizing
---------------------------------------------- */
-@import "generic/box-sizing";
-
-/*--------------------------------------------------------------
-# Base
---------------------------------------------------------------*/
-@import "base/base";
-
-/*--------------------------------------------------------------
-# Layouts
---------------------------------------------------------------*/
-// @import "layouts/content-sidebar"; // Uncomment this line for a sidebar on right side of your content.
-// @import "layouts/sidebar-content"; // Uncomment this line for a sidebar on left side of your content.
-
-/*--------------------------------------------------------------
-# Components
---------------------------------------------------------------*/
-@import "components/components";
-
-/*--------------------------------------------------------------
-# Plugins
---------------------------------------------------------------*/
-
-/*--------------------------------------------------------------
-# Utilities
---------------------------------------------------------------*/
-
-/* Accessibility
---------------------------------------------- */
-@import "utilities/accessibility";
+// Screen
+// ======
 
-/* Alignments
---------------------------------------------- */
-@import "utilities/alignments";
+@use 'config';
+@use 'initial';
+@use 'patterns';
+@use 'components';
 
 /*--------------------------------------------------------------
 # Custom Blocks
 --------------------------------------------------------------*/
-@import "../inc/blocks/testimonial/style.scss";
-@import "../inc/blocks/testimonial/editor.scss";
+@use "../inc/blocks/testimonial/style.scss";
+@use "../inc/blocks/testimonial/editor.scss";

sass/components/media/_captions.scss → sass/components/_captions.scss

@@ -1,14 +1,14 @@
 .wp-caption {
-	margin-bottom: 1.5em;
+	margin-bottom: var(--gutter-plus);
 	max-width: 100%;
 
 	img[class*="wp-image-"] {
-
-		@include center-block;
+		margin-left: auto;
+		margin-right: auto;
 	}
 
 	.wp-caption-text {
-		margin: 0.8075em 0;
+		margin: var(--gutter-minus) 0;
 	}
 }
 

sass/components/media/_galleries.scss → sass/components/_galleries.scss

@@ -1,7 +1,7 @@
 .gallery {
-	margin-bottom: 1.5em;
+	margin-bottom: var(--gutter-plus);
 	display: grid;
-	grid-gap: 1.5em;
+	grid-gap: var(--gutter-plus);
 }
 
 .gallery-item {

sass/components/_index.scss

@@ -0,0 +1,9 @@
+@forward "navigation";
+@forward "header";
+@forward "footer";
+@forward "posts-and-pages";
+@forward "widgets";
+@forward "media";
+@forward "captions";
+@forward "galleries";
+@forward "comments";