/**
 * #.# Editor Styles
 *
 * CSS for just Backend enqueued after style.scss
 * which makes it higher in priority.
 */

/**
* Define CSS variables to allow child themes
* to alter these values easily if needed.
**/
:root {
	--bu_blocks-block-bu-aside-editor-floated-width: calc(100% / 3);
}

// Remove default float left on Aside from frontend styles.
aside[data-type="editorial/aside"].wp-block-editorial-aside {
	float: none;
}

[data-align="right"],
[data-align="left"] {
	> [data-type="editorial/aside"].wp-block-editorial-aside {
		width: var(--bu_blocks-block-bu-aside-editor-floated-width);
	}
}

[data-align="right"] {
	> [data-type="editorial/aside"].wp-block-editorial-aside {
		float: right;
	}
}

[data-align="left"] {
	> [data-type="editorial/aside"].wp-block-editorial-aside {
		float: left;
	}
}


// .editor-block-list__block[data-align="right"] .wp-block-editorial-aside .editor-block-list__block-edit,
// .editor-block-list__block[data-align="left"] .wp-block-editorial-aside .editor-block-list__block-edit,
// .block-editor-block-list__block[data-align="right"] .wp-block-editorial-aside .block-editor-block-list__block-edit,
// .block-editor-block-list__block[data-align="left"] .wp-block-editorial-aside .block-editor-block-list__block-edit {
// 	float: none;
// 	margin-left: 0;
// 	margin-right: 0;
// }

// .editor-block-list__block[data-align="left"] .wp-block-editorial-aside .editor-block-list__block,
// .editor-block-list__block[data-align="right"] .wp-block-editorial-aside .editor-block-list__block,
// .block-editor-block-list__block[data-align="left"] .wp-block-editorial-aside .block-editor-block-list__block,
// .block-editor-block-list__block[data-align="right"] .wp-block-editorial-aside .block-editor-block-list__block {
// 	padding-left: 16px;
// 	padding-right: 16px;
// }

.wp-block-editorial-aside.has-dark-background {
	.wp-block-heading h2 {
		color: $color-grayscale-f;
	}
}