jodit/src/styles/plugins/source.less

Jodit is awesome and usefully wysiwyg editor with filebrowser

/*!
 * Jodit Editor (https://xdsoft.net/jodit/)
 * Licensed under GNU General Public License version 2 or later or a commercial license or MIT;
 * For GPL see LICENSE-GPL.txt in the project root for license information.
 * For MIT see LICENSE-MIT.txt in the project root for license information.
 * For commercial licenses see https://xdsoft.net/jodit/commercial/
 * Copyright (c) 2013-2019 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
 */

.jodit_source {
	display: none;
	position: relative;
	background-color: #f8f8f8;
	font-size: 0;
	min-height: 100%;
	flex: 1;
	overflow: auto;
	.jodit_source_mirror {
	}
	.jodit_source_mirror-fake {
		min-height: 100%;
	}
}

.jodit_container.jodit_source_mode {
	.jodit_wysiwyg,
	.jodit_wysiwyg_iframe {
		display: none !important;
	}
	.jodit_source {
		display: block !important;
	}
}

.jodit_container.jodit_split_mode {
	.jodit_wysiwyg,
	.jodit_wysiwyg_iframe,
	.jodit_source {
		display: block !important;
		width: 50%;
		flex: 1;
	}
}

.jodit_source_mirror {
	border: 0;
	width: 100%;
	background: #3f3f3f;
	margin: 0;
	height: 100%;
	box-shadow: none;
	resize: none;
	box-sizing: border-box;
	color: #f0f0f0;
	outline: none;
	font-family: Menlo, Monaco, monospace, sans-serif;
	font-size: 13px;
	line-height: 1.3em;
	overflow: auto;
	z-index: 2;
	padding: 10px;
	overflow: auto;
	white-space: pre-wrap;
	tab-size: 2em;
	min-height: 100%;
	&::selection {
		background: @color-selection-area;
	}
}