/* FILE: editor-block/_ui.scss */

// Block editor UI margin applied on blocks.
// Used to compensate the block widths.

	:root {
		--block_ui_margin: var(--zero);
		--block_ui_border: var(--zero);
	}

	// Backwards compatibility (WP5.3-):
	.editor-block-list__layout {
		--block_ui_margin: 14px;
		--block_ui_border: 2px;
	}

	// These can not be CSS vars, we need to use SASS vars.
	$max_width_content: calc( var(--layout_width_content) + var(--block_ui_margin) + var(--block_ui_margin) + var(--block_ui_border) );
	$max_width_entry_content: calc( var(--layout_width_entry_content) + var(--block_ui_margin) + var(--block_ui_margin) + var(--block_ui_border) );

.block-editor-block-list__layout .block-editor-default-block-appender > .block-editor-default-block-appender__content,
.block-editor-block-list__layout > .block-editor-block-list__block {
	margin-top: calc( 1.618 * var(--typography_size_html) );
	margin-bottom: calc( 1.618 * var(--typography_size_html) );
}

[data-type="core/more"],
[data-type="core/nextpage"] {
	clear: both;
}