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

Merge pull request #16 from rcoup/web-components-host

Browse source 
Support web components/shadow DOM.
This commit is contained in:
JWB 2024-12-03 09:14:58 -05:00 • committed by GitHub
commit 5d2e82ddaf
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 14 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

6
scss/themes/default/_schemes.scss
View file

@ -12,14 +12,16 @@
// Light color scheme (Default)
// Can be forced with data-theme="light"
[data-theme="light"],
:root:not([data-theme="dark"]) {
:root:not([data-theme="dark"]),
:host(:not([data-theme="dark"])) {
@include light.theme;
}
// Dark color scheme (Auto)
// Automatically enabled if user has Dark mode enabled
@media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) {
:root:not([data-theme]),
:host(:not([data-theme])) {
@include dark.theme;
}
}

3
scss/themes/default/_styles.scss
View file

@ -9,7 +9,8 @@
* Styles
*/
:root {
:root,
:host {
// Typography
#{$css-var-prefix}font-family-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
"Noto Color Emoji";