insomnia/app/css/components/editor.scss
2016-04-04 22:35:21 -07:00

57 lines
1.2 KiB
SCSS

@import '../constants/colors';
@import '../constants/dimensions';
.editor {
height: 100%;
width: 100%;
.CodeMirror {
height: 100% !important;
width: 100%;
font-family: "Source Code Pro", monospace;
box-sizing: border-box;
font-size: $font-size-md;
padding-top: $padding-sm;
}
.CodeMirror,
.cm-s-seti.CodeMirror, // Hack because seti theme is dumb
.CodeMirror-gutters,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
// Let the background behind show through
background-color: transparent !important;
}
.CodeMirror-linenumber, .CodeMirror-guttermarker-subtle {
color: #555555 !important;
}
.CodeMirror-scroll {
/*
* Not sure why but this fixes vertical sizing of scroll
* area in flexbox grid
*/
box-sizing: border-box;
margin-bottom: 0;
padding-bottom: 0;
/* Normal Overrides */
cursor: text; // Show text cursor everywhere (not just in .Codemirror-lines)
}
.CodeMirror-lines {
// Scroll past the end
padding-bottom: 150px;
}
.CodeMirror-placeholder {
color: $hl-xxl;
}
&.editor--readonly .CodeMirror-cursors {
opacity: 0;
}
}