insomnia/packages/insomnia-app/app/ui/css/components/markdown-editor.less
Gregory Schier 1770319ac2
Convert Less vars to CSS vars (#1923)
* Created css vars for every less var

* Finish converting Less var to CSS vars
2020-02-03 12:26:56 -05:00

36 lines
668 B
Plaintext

.markdown-editor {
border: 1px solid var(--hl-md);
box-sizing: border-box;
.markdown-editor__edit {
padding: var(--padding-xs) var(--padding-sm);
}
&.markdown-editor--dynamic-height {
.CodeMirror-scroll {
// Not sure why this style doesn't work on .CodeMirror...
max-height: 30vh;
}
.input {
height: auto !important;
}
}
&:not(.markdown-editor--dynamic-height) .markdown-editor__edit {
height: 100%;
display: grid;
grid-template-rows: 1fr auto;
.input {
height: 100%;
}
}
.markdown-editor__preview {
max-height: 35vh;
padding: var(--padding-sm);
overflow: auto;
}
}