Small fixes

- @mixin and @include for dark scheme
- unset `--font-weight` in `hgroup`
This commit is contained in:
Lucas Larroche 2021-07-03 00:22:17 +07:00
parent 0c1d8b5972
commit 537f5008c2
17 changed files with 25 additions and 28 deletions

View file

@ -195,9 +195,9 @@ hgroup {
> *:last-child {
--color: var(--muted-color);
--font-weight: unset;
font-family: unset;
font-size: 1rem;
font-weight: unset;
}
}

View file

@ -15,12 +15,15 @@
// Dark theme (Auto)
// Automatically enabled if user has Dark mode enabled
@import "default/dark";
@media only screen and (prefers-color-scheme: dark) {
@import "default/dark";
:root:not([data-theme="light"]) {
@include dark;
}
}
// Dark theme (Forced)
// Enabled if forced with data-theme="dark"
[data-theme="dark"] {
@import "default/dark";
@include dark;
}

View file

@ -1,6 +1,7 @@
// Default: Dark theme
:root:not([data-theme="light"]) {
@mixin dark {
// Document
color-scheme: dark;
--background-color: #{mix($black, $grey-900, 37.5%)};