editor.scss

/*!
Business theme editor styles
*/
@import "stylesheets/variables/index";
@import "stylesheets/inc/index";

:root {}

@import "stylesheets/typography";
@import "stylesheets/elements-common";

@import "css/blocks.scss";

@mixin editor-font-base {
	font-size: $x-font-size-base;

	@include media(tablet) {
		// font-size for tablet and up
		font-size: calc( #{$x-font-size-base} * 0.95065 * #{$x-font-size-responsive-ratio} );
	}
}

.block-editor .edit-post-visual-editor, p {
	@include editor-font-base;

	h1, h2, h3, h4, h5, h6 {
		margin-top: 0.83em;
	}

}

.block-editor-page {
	@include media( desktop ) {

		.editor-post-title {
			margin: 0 auto;
		}

		.editor-post-title__block {
			max-width: 740px !important;
		}

		.editor-post-title__input {

		}


	}
}

.wp-block-columns {

	.editor-block-list__block {
		margin-top: 1em;
	}

	p {
		font-size: 0.810em;
	}

}

[data-type="core/column"] {

	.editor-block-list__block .wp-block-columns .editor-block-list__block {
		outline: solid 2px red;
		max-width: 100%;
	}

}

.editor-block-list__block .wp-block-columns .editor-block-list__block


.block-editor .editor-block-list__block blockquote p,
.block-editor .editor-block-list__block blockquote.is-large p {
	@include editor-font-base;
	padding-left: 0;
}

.editor-block-list__layout > .editor-block-list__block > .editor-block-list__block-edit,
.editor-block-list__layout > .editor-block-list__layout > .editor-block-list__block > .editor-block-list__block-edit,
.editor-block-list__layout > .editor-default-block-appender__content {
	margin-top: 0;
	margin-bottom: 0;
}

.edit-post-visual-editor .editor-block-list__block[data-align=wide] {
	max-width: $x-space-column-12;
}

.editor-default-block-appender input[type="text"].editor-default-block-appender__content,
.editor-post-title .editor-post-title__input,
.edit-post-visual-editor,
.edit-post-visual-editor p {
	font-family: $x-font-family-body;
}

.editor-post-title .editor-post-title__input {
	font-size: $x-font-size-xl;
	font-weight: 900;
	line-height: 1.2;
	margin-bottom: 1.85rem;
	@include media( tablet ) {
		font-size: calc( #{$x-font-size-xxxl} * 1.175 );
	}
}

// Editor width.
.editor-block-list__block {
	margin: 0 auto;
	@include media( desktop ) {
		max-width: $x-grid-column-7;
		min-width: 740px;
	}
}

.wp-block-columns .editor-block-list__block {
	min-width: auto;
}

.editor-block-list__block[data-type="core/table"] .wp-block-table {
	max-width: 100%;
}

.editor-block-list__block[data-type="core/table"][data-align=center] table {
	width: 100%;
}

// Line height.

.editor-rich-text__tinymce.mce-content-body {
	line-height: $x-font-leading-body;
}

// Links.
.editor-block-list__layout a {
	@include link-underline;
}

// Links
.editor-block-list__layout

// List styles.

.block-library-list {

	.editor-rich-text__tinymce {
		margin-left: 0;
	}

	ol {
		list-style: none;
		padding-left: 0;
		> li {

				counter-increment: sans-counter;
				position: relative;
				padding-left: $x-space-md;

				ol li {
					padding-left: $x-space-md;
				}

				ul li {
					padding-left: $x-space-sm;
				}

				&:before {
					content: counter(sans-counter, decimal-leading-zero) "\00a0";
					left: 0;
					position: absolute;
					top: $x-space-xxs;
					color: $x-color-primary-base;
					font-family: $x-font-family-heading;
					font-size: $x-font-size-xs;
					line-height: $x-font-leading-md;
				}
			}
	}
}

.block-editor .wp-block-categories ul,
.block-editor .wp-block-latest-posts,
.block-editor ul.wp-block-archives {
	padding-left: 0.5em;
}

[data-align="full"] {
	.wp-block-categories ul,
	.wp-block-latest-posts,
	ul.wp-block-archives {
		padding-left: $x-space-lg;
	}
}

// Separators

hr {
	background-color: $x-color-shade-gray-2;
	border: 0;
	height: 3px;
	margin-bottom: 1.5em;
}

// Blockquote

.edit-post-visual-editor .editor-block-list__block[data-align=full] {
	> .editor-block-list__block-edit {
		margin-left: 0;
		margin-right: 0;
	}

	.wp-block-pullquote blockquote {
		max-width: calc( 100vw - 2em );
	}
}

.wp-block-pullquote blockquote >.block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty=true]:before,
.wp-block-pullquote blockquote>.editor-rich-text p {
	font-size: calc( #{$x-font-size-md} * 1.056 );
}

blockquote {

	max-width: 1100px;
	margin: 0 auto;
	border-left-color: $x-color-accent-base !important;

	&.wp-block-quote.is-style-large {
		padding-left: $x-space-xl;
	}

	&.wp-block-quote,
	&.wp-block-quote.is-large,
	&.wp-block-quote.is-style-large {

		@include media(tablet) {
			margin-right: 0;
		}
	}

	.wp-block-quote__citation {
//		padding-left: $x-space-sm;
	}
}

// Pull quote

.wp-block-pullquote {
	border-bottom: none;
	border-top: none;
}

// Columns

.wp-block-text-columns,
.wp-block-columns {
	@include media(tablet) {
		margin-right: 0;
	}
}

// Images

.wp-block-image {
	figcaption {
		margin-top: 0.8em;
	}
}

// Tables
.wp-block-table td ,
.wp-block-table th {
	border-width: 0;
}

// Latest Posts

.wp-block-categories,
.wp-block-archives,
.wp-block-latest-posts,
.wp-block-latest-comments {
	font-size: calc( #{$x-font-size-md} * 0.86 );
	li a {
		@include link-underline;
	}
}

.wp-caption .wp-caption-text,
.wp-block-audio figcaption,
.wp-block-video figcaption,
.wp-block-image figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption,
.wp-block-quote .wp-block-quote__citation,
.wp-block-pullquote .wp-block-pullquote__citation,
.wp-block-pullquote cite {
	font-size: calc( #{$x-font-size-sm} * 1.05 );
}

.wp-block-gallery .blocks-gallery-item figcaption {
	margin-bottom: -10px;
}

.wp-block-gallery.alignfull {
	max-width: 100%;
	width: calc( 100% - 2 * 1em );
	margin: 0 auto;
}

.edit-post-visual-editor .editor-block-list__block[data-align=full] {
	padding: 0;
}

.wp-block-quote.is-style-default .wp-block-quote__citation {
	font-size: calc( #{$x-font-size-sm} * 1.1205 );
}

.wp-block-quote:not(.is-large):not(.is-style-large) {
	padding-left: calc( #{$x-space-lg} * 0.75 );
}

.block-editor .editor-block-list__block blockquote.wp-block-quote.is-style-large {
	padding-left: $x-space-md;
	p {
		font-size: calc( #{$x-font-size-lg} * 1.10 );
	}
	.wp-block-quote__citation {
		font-size: $x-font-size-md;
	}
}

.editor-block-list__block[data-type="core/paragraph"] a {
	@include link-underline;
}

.editor-block-list__block[data-type="core/separator"] {
	margin-top: $x-space-lg;
	margin-bottom: $x-space-lg;
}

.block-editor .editor-block-list__block .wp-block-image .components-autocomplete {
	font-size: calc( #{$x-font-size-xs} * 1.1 );
}

[data-type="core/image"][data-align="center"] .wp-block-image figcaption {
	margin-top: 0.2em;
}

[data-type="core/image"] figcaption {
	font-size: calc( #{$x-font-size-md} * 0.98 ) !important;
}