/* CodeMirror base styles */
.cm-editor {
height: 65vh;
border: 1px solid #ddd;
border-radius: 4px;
overflow: auto;
}
.template-variables {
height: 78vh;
overflow-y: scroll;
}
.cm-editor .cm-content {
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
font-size: 14px;
min-height: 100%;
}
.cm-editor .cm-line {
padding: 0 4px;
}
.cm-editor .cm-gutters {
background-color: #f5f5f5;
border-right: 1px solid #ddd;
}
.cm-editor.cm-focused {
outline: none;
border-color: #03a9f4;
}
/* Dark theme compatibility */
.cm-editor.cm-theme-dark {
border-color: #444;
}
.cm-editor.cm-theme-dark .cm-gutters {
background-color: #282c34;
border-right-color: #444;
}
/* Lint styles */
.cm-diagnostic {
font-size: 12px;
}
.cm-diagnostic-error {
color: #d32f2f;
}
.cm-gutterElement {
padding: 0 5px;
}
.cm-lint-marker-error {
color: #d32f2f;
}
/* CodeMirror container */
#codemirror-container {
position: relative;
}