Ben / RubHub

/* EasyMDE theme overrides to match RubHub styling */

.EasyMDEContainer {
	margin-bottom: var(--space-m);
}

.EasyMDEContainer .CodeMirror {
	background: var(--background-color);
	color: var(--text-color);
	border: solid 1px var(--primary-color);
	border-radius: 0 0 var(--space-s) var(--space-s);
	padding: var(--space-m);
	font-family: var(--code-font);
	min-height: 160px;
}

.EasyMDEContainer .CodeMirror-focused {
	border-color: var(--text-color);
}

.EasyMDEContainer .CodeMirror-cursor {
	border-left-color: var(--text-color);
}

.EasyMDEContainer .CodeMirror-selected,
.EasyMDEContainer .CodeMirror-focused .CodeMirror-selected {
	background: Highlight !important;
}

.EasyMDEContainer .editor-toolbar {
	background: var(--background-color-bright);
	border: solid 1px var(--primary-color);
	border-bottom: none;
	border-radius: var(--space-s) var(--space-s) 0 0;
	padding: var(--space-s);
}

.EasyMDEContainer .editor-toolbar button {
	color: var(--text-color);
	background: transparent;
	border: none;
	padding: var(--space-s);
	margin: 0 1px;
	border-radius: var(--space-s);
	width: auto;
	height: auto;
}

.EasyMDEContainer .editor-toolbar button:hover,
.EasyMDEContainer .editor-toolbar button.active {
	background: var(--primary-color);
	color: var(--white);
}

.EasyMDEContainer .editor-toolbar i.separator {
	border-left-color: var(--text-color-subdued);
}

.EasyMDEContainer .editor-preview {
	background: var(--background-color);
	padding: var(--space-l);
}

.EasyMDEContainer .editor-preview-side {
	border-color: var(--primary-color);
}

/* Hide the original textarea when EasyMDE is active */
.EasyMDEContainer + .markdown-editor {
	display: none;
}