41c4be2f54
Contains the shadow root, and references to the styles. Is ignorant of Editable. Is necessary, so our we editable.scss does not need to contain information about Codable, ImageHandle or all those other things which have nothing to do with Editable
74 lines
1.2 KiB
SCSS
74 lines
1.2 KiB
SCSS
/* Copyright: Ankitects Pty Ltd and contributors
|
|
* License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */
|
|
|
|
@use 'base';
|
|
@use 'scrollbar';
|
|
|
|
.nightMode {
|
|
@include scrollbar.night-mode;
|
|
}
|
|
|
|
#fields {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: 5px;
|
|
}
|
|
|
|
.field {
|
|
border: 1px solid var(--border);
|
|
background: var(--frame-bg);
|
|
|
|
&.dupe {
|
|
// this works around the background colour persisting in copy+paste
|
|
// (https://github.com/ankitects/anki/pull/1278)
|
|
background-image: linear-gradient(var(--flag1-bg), var(--flag1-bg));
|
|
}
|
|
}
|
|
|
|
.fname {
|
|
vertical-align: middle;
|
|
padding: 0;
|
|
}
|
|
|
|
#dupes,
|
|
#cloze-hint {
|
|
position: sticky;
|
|
bottom: 0;
|
|
|
|
text-align: center;
|
|
background-color: var(--window-bg);
|
|
|
|
&.is-inactive {
|
|
display: none;
|
|
}
|
|
|
|
a {
|
|
color: var(--link);
|
|
}
|
|
}
|
|
|
|
.icon > svg {
|
|
fill: var(--text-fg);
|
|
}
|
|
|
|
.pin-icon {
|
|
cursor: pointer;
|
|
|
|
&.is-inactive {
|
|
opacity: 0.2;
|
|
}
|
|
|
|
&.icon--hover {
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
@import "ts/sass/codemirror/lib/codemirror";
|
|
@import "ts/sass/codemirror/theme/monokai";
|
|
@import "ts/sass/codemirror/addon/fold/foldgutter";
|
|
|
|
.CodeMirror {
|
|
height: auto;
|
|
padding: 6px 0;
|
|
}
|