mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-05-01 13:29:13 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Documentation

Browse source
This commit is contained in:
Lucas 2019-11-27 18:35:19 +07:00
parent 0b93083ca1
commit 34e330a537
18 changed files with 2920 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

23
docs/scss/themes/_dark.scss Normal file
View file

@ -0,0 +1,23 @@
/**
* Dark theme (Auto) [Additions for docs]
* Automatically enabled if user has Dark mode enabled
*/
@media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
--nav-background: #{rgba(darken($grey-900, 6%), .8)};
--nav-border: #{rgba($grey-500, .2)};
}
}
/**
* Dark theme (Forced) [Additions for docs]
* Enabled if forced with data-theme="dark"
*/
[data-theme="dark"] {
--nav-background: #{rgba(darken($grey-900, 6%), .8)};
--nav-border: #{rgba($grey-500, .2)};
}

10
docs/scss/themes/_light.scss Normal file
View file

@ -0,0 +1,10 @@
/**
* Light theme (Default) [Additions for docs]
* Can be forced with data-theme="light"
*/
[data-theme="light"],
:root:not([data-theme="dark"]) {
--nav-background: #{rgba($white, .7)};
--nav-border: #{rgba($grey-500, .2)};
}