@import './dark-theme';
@import './high-contrast-theme';
@import './variables.scss';

body docs-markdown-editor {
	box-sizing: border-box;
	min-height: 100%;
	background-color: var(--white);
}
body docs-markdown-editor *,
body docs-markdown-editor *:before,
body docs-markdown-editor *:after {
	box-sizing: inherit;
}

docs-markdown-editor {
	@import '@stackoverflow/stacks/dist/css/stacks';
	@import '@microsoft/stacks-editor/dist/styles';

	#docs-markdown-editor {
		.s-prose h1,
		.s-prose h2,
		.s-prose h3,
		.s-prose h4,
		.s-prose h5,
		.s-prose h6 {
			font-weight: 600 !important;
		}

		pre.s-code-block.markdown {
			border: none;
			margin: 0;
			padding: 0;
			background-color: var(--theme-body-background);
		}

		.w100 {
			width: inherit !important;
		}

		.grid {
			grid-column-gap: 0;
		}

		.s-editor-btn.focus-visible {
			outline-color: var(--theme-text) !important;
			outline-offset: 0.05rem;
			outline-style: dashed;
			outline-width: 0.125rem;
		}

		div.mx-imgBorder img {
			border: solid 1px hsla(0, 0%, 89%, 1);
			border: solid 1px var(--black-800);
		}
	}
}
