/* FILE: editor/_classic.scss */

//
// Classic editor styles
//

html:not(.editor-styles-wrapper) {
	background-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	border-width: 0 !important;
	border-color: var(--wp--custom--border-color--global);
}

.mce-content-body {

	// Has to rise the specificity to override WP RTL styles.
	&[class] {
		width: 100%;
		min-height: 40px;
		max-width: calc( var(--wp--style--global--content-size) + 2 * 20px );
		padding: 20px !important;
		margin: 0 auto;
		font-family: var(--wp--preset--font-family--global);
		font-size: var(--theme--css--font-size-base);
		line-height: $ratio;
		background: none;
		color: inherit;
	}

	h2, h3, h4, h5, h6 {
		font-family: var(--wp--preset--font-family--supplemental);
	}
}

// "Formats" button helpers.
// @see  Assets/Editor::tiny_mce_settings()

	.has-l-font-size {
		font-size: var(--wp--preset--font-size--l);
	}

	.has-xl-font-size {
		font-size: var(--wp--preset--font-size--xl);
	}

	.has-drop-cap:not( :focus )::first-letter {

		// From WP:
			float: inline-start;
			// font-size: 8.4em; // Gets overridden;
			font-style: normal;
			// font-weight: 100; // Gets overridden;
			// line-height: .68; // Gets overridden;
			// margin: .05em .1em 0 0; // Gets overridden;
			text-transform: uppercase;

		// From theme:
			@extend %dropcap;
	}
