Anki/qt/ts/scss/deckbrowser.scss
Damien Elmes 2d26280dab migrate the majority of the sass vars to css variables
Allows add-ons to easily override the theme, and allows us to apply
styling to elements outside of the normal document flow (like applying
the normal background colour to a position: fixed element).
2020-09-01 10:24:38 +10:00

102 lines
No EOL
1.4 KiB
SCSS

/* Copyright: Ankitects Pty Ltd and contributors
* License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */
@use 'card_counts';
a.deck {
color: var(--text-fg);
text-decoration: none;
min-width: 5em;
display: inline-block;
}
a.deck:hover {
text-decoration: underline;
}
tr.deck td {
border-bottom: 1px solid var(--faint-border);
}
tr.top-level-drag-row td {
border-bottom: 1px solid transparent;
}
td {
white-space: nowrap;
}
tr.drag-hover td {
border-bottom: 1px solid var(--border);
}
body {
margin: 1em;
-webkit-user-select: none;
}
.current {
background-color: var(--faint-border);
}
.decktd {
min-width: 15em;
}
.count {
min-width: 4em;
text-align: right;
}
.optscol {
width: 2em;
}
.collapse {
color: var(--text-fg);
text-decoration: none;
display: inline-block;
width: 1em;
}
.filtered {
color: var(--link) !important;
}
.gears {
width: 1em;
height: 1em;
opacity: .5;
padding-top: 0.2em;
}
.nightMode {
a.deck {
color: var(--text-fg);
}
tr.deck td {
border-bottom-color: var(--faint-border);
}
tr.drag-hover td {
border-bottom-color: var(--border);
}
.current {
background-color: var(--faint-border);
}
.collapse {
color: var(--text-fg);
}
.gears {
filter: invert(180);
}
.filtered {
color: var(--link) !important;
}
}