mirror of
https://github.com/picocss/pico.git
synced 2025-04-26 19:26:14 -04:00
Small fixes
- @mixin and @include for dark scheme - unset `--font-weight` in `hgroup`
This commit is contained in:
parent
0c1d8b5972
commit
537f5008c2
17 changed files with 25 additions and 28 deletions
|
@ -195,9 +195,9 @@ hgroup {
|
|||
|
||||
> *:last-child {
|
||||
--color: var(--muted-color);
|
||||
--font-weight: unset;
|
||||
font-family: unset;
|
||||
font-size: 1rem;
|
||||
font-weight: unset;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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%)};
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue