@import 'themes/codeMirror/customEditorStyles.less';
.editor{
	position : relative;
	width    : 100%;

	.codeEditor{
		height            : 100%;
		.pageLine{
			background : #33333328;
			border-top : #339 solid 1px;
		}
		.editor-page-count{
			color : grey;
			float : right;
		}
		.columnSplit{
			font-style 			: italic;
			color 				: grey;
			background-color 	: fade(#299, 15%);
			border-bottom    	: #299 solid 1px;
		}
		.define {
			&:not(.term):not(.definition){
				color: #949494;
				font-weight: bold;
				background: #e5e5e5;
				border-radius: 3px;
			}
			&.term {
				color: rgb(96, 117, 143);
			}
			&.definition {
				color: rgb(97, 57, 178);
			}
		}
		.block:not(.cm-comment){
			color 		: purple;
			font-weight : bold;
			//font-style: italic;
		}
		.inline-block:not(.cm-comment){
			color 		: red;
			font-weight : bold;
			//font-style: italic;
		}
		.injection:not(.cm-comment){
			color       : green;
			font-weight : bold;
		}
	}

	.brewJump{
		position			: absolute;
		background-color	: @teal;
		cursor				: pointer;
		width 				: 30px;
		height 				: 30px;
		display 			: flex;
		align-items 		: center;
		bottom 				: 20px;
		right 				: 20px;
		z-index				: 1000000;
		justify-content		: center;
		.tooltipLeft("Jump to brew page");
	}

	.editorToolbar{
		position: absolute;
		top: 5px;
		left: 50%;
		color: black;
		font-size: 13px;
		z-index: 9;
		span {
			padding: 2px 5px;
		}
	}

}