mirror of
https://github.com/picocss/pico.git
synced 2025-04-27 19:46:14 -04:00
refactor: prefix css vars
This commit is contained in:
parent
cba8f385c2
commit
c5a1ffc733
40 changed files with 2334 additions and 2329 deletions
|
@ -1,6 +1,6 @@
|
|||
@use "../settings";
|
||||
@use "default/light" as *;
|
||||
@use "default/dark" as *;
|
||||
@use "../settings" as *;
|
||||
@use "default/light";
|
||||
@use "default/dark";
|
||||
|
||||
// Commons styles
|
||||
@use "default/styles";
|
||||
|
@ -9,26 +9,26 @@
|
|||
// Can be forced with data-theme="light"
|
||||
[data-theme="light"],
|
||||
:root:not([data-theme="dark"]) {
|
||||
@include light;
|
||||
@include light.theme;
|
||||
}
|
||||
|
||||
// Dark theme (Auto)
|
||||
// Automatically enabled if user has Dark mode enabled
|
||||
@media only screen and (prefers-color-scheme: dark) {
|
||||
:root:not([data-theme="light"]) {
|
||||
@include dark;
|
||||
@include dark.theme;
|
||||
}
|
||||
}
|
||||
|
||||
// Dark theme (Forced)
|
||||
// Enabled if forced with data-theme="dark"
|
||||
[data-theme="dark"] {
|
||||
@include dark;
|
||||
@include dark.theme;
|
||||
}
|
||||
|
||||
progress,
|
||||
[type="checkbox"],
|
||||
[type="radio"],
|
||||
[type="range"] {
|
||||
accent-color: var(--primary);
|
||||
accent-color: var(#{$✨}primary);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue