8aa8174d4b
- using :host-context(.nightMode) allows for applying the nightmode scroll bar inside the component - apply max-width: 100% to all element within editable, not just images
30 lines
433 B
SCSS
30 lines
433 B
SCSS
@use 'ts/sass/scrollbar';
|
|
|
|
anki-editable {
|
|
display: block;
|
|
overflow-wrap: break-word;
|
|
overflow: auto;
|
|
padding: 6px;
|
|
|
|
&:empty::after {
|
|
content: "\a";
|
|
white-space: pre;
|
|
}
|
|
|
|
* {
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
:host-context(.nightMode) * {
|
|
@include scrollbar.night-mode;
|
|
}
|
|
|
|
img.drawing {
|
|
zoom: 50%;
|
|
|
|
.nightMode & {
|
|
filter: unquote("invert() hue-rotate(180deg)");
|
|
}
|
|
}
|