anki/ts/editor/fields.scss
2021-04-24 00:00:32 +02:00

66 lines
929 B
SCSS

/* Copyright: Ankitects Pty Ltd and contributors
* License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */
@use 'ts/sass/base';
@use 'ts/sass/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 {
background: var(--flag1-bg);
}
}
.fname {
vertical-align: middle;
padding: 0;
}
#dupes {
position: sticky;
bottom: 0;
text-align: center;
background-color: var(--bg-color);
&.is-inactive {
display: none;
}
a {
color: var(--link);
}
}
.icon > svg {
fill: var(--text-fg);
}
.pin-icon {
cursor: pointer;
&.is-inactive {
opacity: 0.1;
}
&.icon--hover {
opacity: 0.5;
}
}
.flex-basis-100 {
flex-basis: 100%;
}