mirror of
https://github.com/ankitects/anki.git
synced 2026-01-13 14:03:55 -05:00
FIX darkmode
This commit is contained in:
parent
d4187cf227
commit
e80cf4b699
2 changed files with 14 additions and 6 deletions
|
|
@ -20,7 +20,7 @@
|
||||||
border-bottom-right-radius: var(--border-right-radius);
|
border-bottom-right-radius: var(--border-right-radius);
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin background($primary: false, $hover: true) {
|
@mixin background($primary: false, $dropdown: false, $hover: true) {
|
||||||
@if $primary {
|
@if $primary {
|
||||||
background: var(--button-primary-bg);
|
background: var(--button-primary-bg);
|
||||||
@if $hover {
|
@if $hover {
|
||||||
|
|
@ -32,8 +32,15 @@
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
} @else {
|
}
|
||||||
background: var(--button-bg);
|
@else {
|
||||||
|
@if $dropdown {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
@else {
|
||||||
|
background: var(--button-bg);
|
||||||
|
}
|
||||||
|
|
||||||
@if $hover {
|
@if $hover {
|
||||||
&:hover {
|
&:hover {
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
|
|
@ -54,7 +61,8 @@
|
||||||
$with-hover: true,
|
$with-hover: true,
|
||||||
$with-active: true,
|
$with-active: true,
|
||||||
$active-class: "",
|
$active-class: "",
|
||||||
$with-disabled: true
|
$with-disabled: true,
|
||||||
|
$with-dropdown: false
|
||||||
) {
|
) {
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
@ -68,7 +76,7 @@
|
||||||
} @else {
|
} @else {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
@include background($primary, $hover: $with-hover);
|
@include background($primary, $hover: $with-hover, $dropdown: $with-dropdown);
|
||||||
|
|
||||||
@if ($primary) {
|
@if ($primary) {
|
||||||
color: white;
|
color: white;
|
||||||
|
|
|
||||||
|
|
@ -60,7 +60,7 @@ button:not(.btn, .btn-close) {
|
||||||
color var(--transition) ease-in-out,
|
color var(--transition) ease-in-out,
|
||||||
box-shadow var(--transition) ease-in-out !important;
|
box-shadow var(--transition) ease-in-out !important;
|
||||||
border-radius: prop(border-radius);
|
border-radius: prop(border-radius);
|
||||||
@include button.base($border: false, $with-hover: false);
|
@include button.base($border: false, $with-hover: false, $with-dropdown: true);
|
||||||
}
|
}
|
||||||
|
|
||||||
pre,
|
pre,
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue