mirror of https://git.sr.ht/~sircmpwn/hub.sr.ht
Improve btn-white on dark mode
This commit is contained in:
parent
64cd1e0443
commit
f91f8055fa
|
@ -1,16 +1,14 @@
|
||||||
@import "base";
|
@import "base";
|
||||||
|
$darker: darken($gray-900, 6);
|
||||||
|
|
||||||
.btn-white {
|
.btn-white {
|
||||||
@extend .btn;
|
@extend .btn;
|
||||||
background: $white;
|
|
||||||
padding: 0.25rem 0;
|
padding: 0.25rem 0;
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
border-color: $gray-500;
|
|
||||||
color: $gray-900 !important;
|
|
||||||
|
|
||||||
&.btn-sm {
|
border-color: $gray-500;
|
||||||
padding: 0.2rem 0.25rem;
|
background: $white;
|
||||||
}
|
color: $gray-900 !important;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: $white;
|
background: $white;
|
||||||
|
@ -19,6 +17,21 @@
|
||||||
border-color: $gray-900;
|
border-color: $gray-900;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media(prefers-color-scheme: dark) {
|
||||||
|
background: $darker;
|
||||||
|
color: $white !important;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: $gray-900;
|
||||||
|
color: $white !important;
|
||||||
|
border-color: $gray-400;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.btn-sm {
|
||||||
|
padding: 0.2rem 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
transition: border-color 0.2s linear;
|
transition: border-color 0.2s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue