// ------------------------------------------------------------------------------------
// CODE EDITOR
// ------------------------------------------------------------------------------------

.xts-options {

	.CodeMirror {
		border-color: $xts-option-border-color;
		border-radius: $xts-option-border-radius;
		border-width: 1px;
		border-style: solid;
		transition: .2s border-color ease-in-out;

		&:hover {
			border-color: darken($xts-option-border-color,8%);
		}

		&.CodeMirror-focused {
			border-color: $xts-color-primary;
		}
	}

	.CodeMirror-activeline-background {
		background-color: transparentize($xts-color-primary,.9);
	}
}

.xts-custom_css-field,
.xts-css_desktop-field,
.xts-css_tablet-field,
.xts-css_wide_mobile-field,
.xts-css_mobile-field,
.xts-custom_js-field,
.xts-js_ready-field {
	flex-wrap: wrap;

	.xts-option-title {
		border-bottom: none !important;
		padding-bottom: 0;
	}
}