anki/ts/editor/editable.scss
2021-06-17 20:27:34 +02:00

48 lines
736 B
SCSS

@use 'ts/sass/scrollbar';
@import "ts/sass/codemirror/lib/codemirror";
@import "ts/sass/codemirror/theme/monokai";
@import "ts/sass/codemirror/addon/fold/foldgutter";
anki-editable {
display: block;
overflow-wrap: break-word;
overflow: auto;
padding: 6px;
&:empty::after {
content: "\a";
white-space: pre;
}
* {
max-width: 100%;
}
}
p {
margin-top: 0;
margin-bottom: 1rem;
&:empty::after {
content: "\a";
white-space: pre;
}
}
:host-context(.nightMode) * {
@include scrollbar.night-mode;
}
img.drawing {
zoom: 50%;
.nightMode & {
filter: unquote("invert() hue-rotate(180deg)");
}
}
[hidden] {
display: none;
}