2017-06-01 22:58:09 +00:00
|
|
|
.markdown-editor {
|
|
|
|
border: 1px solid var(--hl-md);
|
2017-06-01 23:43:27 +00:00
|
|
|
box-sizing: border-box;
|
2017-06-01 22:58:09 +00:00
|
|
|
|
|
|
|
.markdown-editor__edit {
|
2020-02-03 17:26:56 +00:00
|
|
|
padding: var(--padding-xs) var(--padding-sm);
|
2017-06-09 21:42:19 +00:00
|
|
|
}
|
2017-06-01 22:58:09 +00:00
|
|
|
|
2017-06-09 21:42:19 +00:00
|
|
|
&.markdown-editor--dynamic-height {
|
2017-06-01 22:58:09 +00:00
|
|
|
.CodeMirror-scroll {
|
2017-06-09 21:42:19 +00:00
|
|
|
// Not sure why this style doesn't work on .CodeMirror...
|
2017-06-01 22:58:09 +00:00
|
|
|
max-height: 30vh;
|
|
|
|
}
|
|
|
|
|
|
|
|
.input {
|
2017-06-13 19:55:18 +00:00
|
|
|
height: auto !important;
|
2017-06-01 22:58:09 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-06-09 21:42:19 +00:00
|
|
|
&:not(.markdown-editor--dynamic-height) .markdown-editor__edit {
|
|
|
|
height: 100%;
|
|
|
|
display: grid;
|
|
|
|
grid-template-rows: 1fr auto;
|
|
|
|
|
|
|
|
.input {
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-06-01 22:58:09 +00:00
|
|
|
.markdown-editor__preview {
|
2017-06-05 15:09:06 +00:00
|
|
|
max-height: 35vh;
|
2020-02-03 17:26:56 +00:00
|
|
|
padding: var(--padding-sm);
|
2017-06-01 22:58:09 +00:00
|
|
|
overflow: auto;
|
|
|
|
}
|
2020-02-03 17:26:56 +00:00
|
|
|
}
|