main.scss

body.gutenberg-editor-page {
	background: $white;

	#update-nag, .update-nag {
		display: none;
	}

	#wpcontent {
		padding-left: 0;
	}

	#wpbody-content {
		padding-bottom: 0;
	}

	#wpfooter {
		display: none;
	}

	.a11y-speak-region {
		left: -1px;
		top: -1px;
	}

	svg {
		fill: currentColor;
	}

	ul#adminmenu a.wp-has-current-submenu:after,
	ul#adminmenu>li.current>a.current:after {
		border-right-color: $white;
	}

	&.rtl ul#adminmenu a.wp-has-current-submenu:after,
	&.rtl ul#adminmenu>li.current>a.current:after {
		border-right-color: transparent;
		border-left-color: $white;
	}
}

.gutenberg {
	* {
		box-sizing: border-box;
	}

	ul {
		list-style-type: disc;
	}

	ol {
		list-style-type: decimal;
	}

	ul,
	ol {
		margin: 0;
		padding: 0;
	}

	select {
		font-size: $default-font-size;
		color: $dark-gray-500;
	}
}

.gutenberg__editor {
	position: absolute;
	top: $admin-bar-height-big;
	right: 0;
	bottom: 0;
	left: 0;
	min-height: calc( 100vh - #{ $admin-bar-height-big } );

	// The parent relative container changes
	@include break-small {
		top: 0;
	}

	// The WP header height changes at this breakpoint
	@include break-medium {
		min-height: calc( 100vh - #{ $admin-bar-height } );
	}

	img {
		max-width: 100%;
	}

	iframe {
		width: 100%;
	}

	.components-navigate-regions {
		height: 100%;
	}
}

.editor-post-title,
.editor-block-list__block {
	input,
	textarea {
		border-radius: 4px;
		border-color: $light-gray-500;
		font-family: $default-font;
		font-size: $default-font-size;
		padding: 6px 10px;

		&::-webkit-input-placeholder {
			color: $dark-gray-300;
		}
		&::-moz-placeholder {
			color: $dark-gray-300;
		}
		&:-ms-input-placeholder {
			color: $dark-gray-300;
		}
		&:-moz-placeholder {
			color: $dark-gray-300;
		}
	}
}