2019-02-05 04:59:03 +01:00
|
|
|
/* Copyright: Ankitects Pty Ltd and contributors
|
|
|
|
* License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */
|
|
|
|
|
2021-10-09 02:25:03 +02:00
|
|
|
@use "sass/base";
|
|
|
|
@use "sass/scrollbar";
|
|
|
|
@use "sass/button-mixins";
|
2021-04-13 16:15:40 +02:00
|
|
|
|
2021-09-15 15:21:37 +02:00
|
|
|
html,
|
|
|
|
body {
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
|
2021-04-13 16:15:40 +02:00
|
|
|
.nightMode {
|
|
|
|
@include scrollbar.night-mode;
|
2021-01-28 19:13:39 +01:00
|
|
|
}
|
|
|
|
|
2021-01-26 23:15:11 +01:00
|
|
|
#fields {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
2021-09-15 15:21:37 +02:00
|
|
|
flex-grow: 1;
|
|
|
|
overflow-x: hidden;
|
2021-08-31 22:25:50 +02:00
|
|
|
margin: 3px 0;
|
|
|
|
}
|
|
|
|
|
2021-09-07 01:09:13 +02:00
|
|
|
.editorfield {
|
2021-08-31 22:25:50 +02:00
|
|
|
margin: 3px;
|
2021-09-07 01:09:13 +02:00
|
|
|
|
2021-08-31 23:10:16 +02:00
|
|
|
border-radius: 5px;
|
2021-09-02 18:04:33 +02:00
|
|
|
border: 1px solid var(--border-color);
|
|
|
|
|
|
|
|
--border-color: var(--border);
|
2021-08-31 22:25:50 +02:00
|
|
|
|
|
|
|
&:focus-within {
|
|
|
|
box-shadow: 0 0 0 3px var(--focus-shadow);
|
2021-09-02 18:04:33 +02:00
|
|
|
|
|
|
|
--border-color: var(--focus-border);
|
2021-08-31 22:25:50 +02:00
|
|
|
}
|
2021-01-26 23:15:11 +01:00
|
|
|
}
|
|
|
|
|
2021-08-06 16:52:34 +02:00
|
|
|
/* editing-area */
|
2017-07-28 08:19:06 +02:00
|
|
|
.field {
|
2021-07-21 01:32:09 +02:00
|
|
|
position: relative;
|
2021-08-31 22:25:50 +02:00
|
|
|
|
2020-08-27 07:57:24 +02:00
|
|
|
background: var(--frame-bg);
|
2021-08-31 23:10:16 +02:00
|
|
|
border-radius: 0 0 5px 5px;
|
2021-08-31 22:25:50 +02:00
|
|
|
|
2021-01-28 19:13:39 +01:00
|
|
|
&.dupe {
|
2021-07-05 03:09:22 +02:00
|
|
|
// this works around the background colour persisting in copy+paste
|
|
|
|
// (https://github.com/ankitects/anki/pull/1278)
|
2021-07-04 20:19:26 +02:00
|
|
|
background-image: linear-gradient(var(--flag1-bg), var(--flag1-bg));
|
2020-12-21 03:13:31 +01:00
|
|
|
}
|
2017-07-28 08:19:06 +02:00
|
|
|
}
|
2019-04-16 10:58:59 +02:00
|
|
|
|
2017-07-28 08:19:06 +02:00
|
|
|
.fname {
|
2021-09-02 18:04:33 +02:00
|
|
|
border-width: 0 0 1px;
|
|
|
|
border-style: dashed;
|
|
|
|
border-color: var(--border-color);
|
2021-08-31 23:10:16 +02:00
|
|
|
border-radius: 5px 5px 0 0;
|
2021-09-02 18:04:33 +02:00
|
|
|
|
2021-08-31 22:25:50 +02:00
|
|
|
padding: 0px 6px;
|
2017-07-28 08:19:06 +02:00
|
|
|
}
|
|
|
|
|
2021-09-02 18:04:33 +02:00
|
|
|
.fieldname {
|
|
|
|
user-select: none;
|
|
|
|
}
|
|
|
|
|
2021-06-12 17:35:40 +02:00
|
|
|
#dupes,
|
2021-06-14 10:21:42 +02:00
|
|
|
#cloze-hint {
|
2021-01-28 19:13:39 +01:00
|
|
|
position: sticky;
|
|
|
|
bottom: 0;
|
2020-01-23 06:08:10 +01:00
|
|
|
|
2021-01-28 19:13:39 +01:00
|
|
|
text-align: center;
|
2021-04-27 17:20:13 +02:00
|
|
|
background-color: var(--window-bg);
|
2020-01-23 06:08:10 +01:00
|
|
|
|
2021-01-28 19:13:39 +01:00
|
|
|
a {
|
|
|
|
color: var(--link);
|
|
|
|
}
|
2020-02-09 00:20:08 +01:00
|
|
|
}
|
2021-02-27 23:51:20 +01:00
|
|
|
|
2021-03-28 15:45:51 +02:00
|
|
|
.icon > svg {
|
|
|
|
fill: var(--text-fg);
|
|
|
|
}
|
|
|
|
|
|
|
|
.pin-icon {
|
2021-03-01 15:20:31 +01:00
|
|
|
cursor: pointer;
|
|
|
|
|
2021-03-28 15:45:51 +02:00
|
|
|
&.is-inactive {
|
2021-08-03 05:52:57 +02:00
|
|
|
opacity: 0.2;
|
2021-03-01 15:20:31 +01:00
|
|
|
}
|
2021-02-27 23:51:20 +01:00
|
|
|
|
2021-03-28 15:45:51 +02:00
|
|
|
&.icon--hover {
|
2021-03-01 15:20:31 +01:00
|
|
|
opacity: 0.5;
|
2021-02-27 23:51:20 +01:00
|
|
|
}
|
|
|
|
}
|
2021-07-19 15:27:11 +02:00
|
|
|
|
2021-09-06 15:41:25 +02:00
|
|
|
@import "codemirror/lib/codemirror";
|
|
|
|
@import "codemirror/theme/monokai";
|
|
|
|
@import "codemirror/addon/fold/foldgutter";
|
2021-07-19 15:27:11 +02:00
|
|
|
|
|
|
|
.CodeMirror {
|
|
|
|
height: auto;
|
2021-08-31 23:10:16 +02:00
|
|
|
border-radius: 0 0 5px 5px;
|
2021-07-19 15:27:11 +02:00
|
|
|
padding: 6px 0;
|
|
|
|
}
|