first commit

wp-includes/blocks/spacer/block.json

@@ -0,0 +1,33 @@
+{
+	"$schema": "https://schemas.wp.org/trunk/block.json",
+	"apiVersion": 3,
+	"name": "core/spacer",
+	"title": "Spacer",
+	"category": "design",
+	"description": "Add white space between blocks and customize its height.",
+	"textdomain": "default",
+	"attributes": {
+		"height": {
+			"type": "string",
+			"default": "100px"
+		},
+		"width": {
+			"type": "string"
+		}
+	},
+	"usesContext": [ "orientation" ],
+	"supports": {
+		"anchor": true,
+		"spacing": {
+			"margin": [ "top", "bottom" ],
+			"__experimentalDefaultControls": {
+				"margin": true
+			}
+		},
+		"interactivity": {
+			"clientNavigation": true
+		}
+	},
+	"editorStyle": "wp-block-spacer-editor",
+	"style": "wp-block-spacer"
+}

wp-includes/blocks/spacer/editor-rtl.css

@@ -0,0 +1,81 @@
+/**
+ * Colors
+ */
+/**
+ * SCSS Variables.
+ *
+ * Please use variables from this sheet to ensure consistency across the UI.
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Typography
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Mobile specific styles
+ */
+/**
+ * Editor styles.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
+.block-editor-block-list__block[data-type="core/spacer"]::before {
+  content: "";
+  display: block;
+  position: absolute;
+  z-index: 1;
+  width: 100%;
+  min-height: 8px;
+  min-width: 8px;
+  height: 100%;
+}
+
+.wp-block-spacer.is-hovered .block-library-spacer__resize-container,
+.block-library-spacer__resize-container.has-show-handle,
+.wp-block-spacer.is-selected.custom-sizes-disabled {
+  background: rgba(0, 0, 0, 0.1);
+}
+.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container,
+.is-dark-theme .block-library-spacer__resize-container.has-show-handle,
+.is-dark-theme .wp-block-spacer.is-selected.custom-sizes-disabled {
+  background: rgba(255, 255, 255, 0.15);
+}
+
+.block-library-spacer__resize-container {
+  clear: both;
+}
+.block-library-spacer__resize-container:not(.is-resizing) {
+  height: 100% !important;
+  width: 100% !important;
+}
+.block-library-spacer__resize-container .components-resizable-box__handle::before {
+  content: none;
+}
+.block-library-spacer__resize-container.resize-horizontal {
+  margin-bottom: 0;
+  height: 100% !important;
+}

wp-includes/blocks/spacer/editor-rtl.min.css

@@ -0,0 +1 @@
+.block-editor-block-list__block[data-type="core/spacer"]:before{content:"";display:block;height:100%;min-height:8px;min-width:8px;position:absolute;width:100%;z-index:1}.block-library-spacer__resize-container.has-show-handle,.wp-block-spacer.is-hovered .block-library-spacer__resize-container,.wp-block-spacer.is-selected.custom-sizes-disabled{background:#0000001a}.is-dark-theme .block-library-spacer__resize-container.has-show-handle,.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container,.is-dark-theme .wp-block-spacer.is-selected.custom-sizes-disabled{background:#ffffff26}.block-library-spacer__resize-container{clear:both}.block-library-spacer__resize-container:not(.is-resizing){height:100%!important;width:100%!important}.block-library-spacer__resize-container .components-resizable-box__handle:before{content:none}.block-library-spacer__resize-container.resize-horizontal{height:100%!important;margin-bottom:0}

wp-includes/blocks/spacer/editor.css

@@ -0,0 +1,81 @@
+/**
+ * Colors
+ */
+/**
+ * SCSS Variables.
+ *
+ * Please use variables from this sheet to ensure consistency across the UI.
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Typography
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Mobile specific styles
+ */
+/**
+ * Editor styles.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
+.block-editor-block-list__block[data-type="core/spacer"]::before {
+  content: "";
+  display: block;
+  position: absolute;
+  z-index: 1;
+  width: 100%;
+  min-height: 8px;
+  min-width: 8px;
+  height: 100%;
+}
+
+.wp-block-spacer.is-hovered .block-library-spacer__resize-container,
+.block-library-spacer__resize-container.has-show-handle,
+.wp-block-spacer.is-selected.custom-sizes-disabled {
+  background: rgba(0, 0, 0, 0.1);
+}
+.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container,
+.is-dark-theme .block-library-spacer__resize-container.has-show-handle,
+.is-dark-theme .wp-block-spacer.is-selected.custom-sizes-disabled {
+  background: rgba(255, 255, 255, 0.15);
+}
+
+.block-library-spacer__resize-container {
+  clear: both;
+}
+.block-library-spacer__resize-container:not(.is-resizing) {
+  height: 100% !important;
+  width: 100% !important;
+}
+.block-library-spacer__resize-container .components-resizable-box__handle::before {
+  content: none;
+}
+.block-library-spacer__resize-container.resize-horizontal {
+  margin-bottom: 0;
+  height: 100% !important;
+}

wp-includes/blocks/spacer/editor.min.css

@@ -0,0 +1 @@
+.block-editor-block-list__block[data-type="core/spacer"]:before{content:"";display:block;height:100%;min-height:8px;min-width:8px;position:absolute;width:100%;z-index:1}.block-library-spacer__resize-container.has-show-handle,.wp-block-spacer.is-hovered .block-library-spacer__resize-container,.wp-block-spacer.is-selected.custom-sizes-disabled{background:#0000001a}.is-dark-theme .block-library-spacer__resize-container.has-show-handle,.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container,.is-dark-theme .wp-block-spacer.is-selected.custom-sizes-disabled{background:#ffffff26}.block-library-spacer__resize-container{clear:both}.block-library-spacer__resize-container:not(.is-resizing){height:100%!important;width:100%!important}.block-library-spacer__resize-container .components-resizable-box__handle:before{content:none}.block-library-spacer__resize-container.resize-horizontal{height:100%!important;margin-bottom:0}

wp-includes/blocks/spacer/style-rtl.css

@@ -0,0 +1,3 @@
+.wp-block-spacer {
+  clear: both;
+}

wp-includes/blocks/spacer/style-rtl.min.css

@@ -0,0 +1 @@
+.wp-block-spacer{clear:both}

wp-includes/blocks/spacer/style.css

@@ -0,0 +1,3 @@
+.wp-block-spacer {
+  clear: both;
+}

wp-includes/blocks/spacer/style.min.css

@@ -0,0 +1 @@
+.wp-block-spacer{clear:both}