Improve btn-white on dark mode

This commit is contained in:
Drew DeVault 2020-12-16 08:51:59 -05:00
parent 64cd1e0443
commit f91f8055fa
1 changed files with 19 additions and 6 deletions

View File

@ -1,16 +1,14 @@
@import "base";
$darker: darken($gray-900, 6);
.btn-white {
@extend .btn;
background: $white;
padding: 0.25rem 0;
font-size: 0.9rem;
border-color: $gray-500;
color: $gray-900 !important;
&.btn-sm {
padding: 0.2rem 0.25rem;
}
border-color: $gray-500;
background: $white;
color: $gray-900 !important;
&:hover {
background: $white;
@ -19,6 +17,21 @@
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;
}