mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-25 18:56:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: switch, dropdown, loading

Browse source
This commit is contained in:
Lucas Larroche 2024-01-25 21:27:02 +07:00
parent 04a7dc94ab
commit 4eee189dab
124 changed files with 538 additions and 406 deletions
Download patch file Download diff file Expand all files Collapse all files

2
scss/themes/default/_dark.scss
View file

@ -141,7 +141,7 @@
// Switch (input[type="checkbox"][role="switch"])
@if map.get($modules, "forms/checkbox-radio-switch") {
#{$css-var-prefix}switch-background-color: #{$slate-750};
#{$css-var-prefix}switch-color: var(#{$css-var-prefix}primary-inverse);
#{$css-var-prefix}switch-color: #{$white};
#{$css-var-prefix}switch-checked-background-color: var(#{$css-var-prefix}primary-background);
}

2
scss/themes/default/_light.scss
View file

@ -141,7 +141,7 @@
// Switch (input[type="checkbox"][role="switch"])
@if map.get($modules, "forms/checkbox-radio-switch") {
#{$css-var-prefix}switch-background-color: #{$slate-200};
#{$css-var-prefix}switch-color: var(#{$css-var-prefix}primary-inverse);
#{$css-var-prefix}switch-color: #{$white};
#{$css-var-prefix}switch-checked-background-color: var(#{$css-var-prefix}primary-background);
}

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

@ -2,6 +2,7 @@
@use "../../colors" as *;
@use "../../settings" as *;
@use "../../utils/functions";
@use "theme-colors";
@if map.get($modules, "themes/default") {
/**
@ -419,7 +420,11 @@
}
#{$selector} {
&::before {
filter: brightness(0) invert(1);
@if theme-colors.get("primary-inverse", "dark") == $white {
filter: brightness(0) invert(1);
} @else {
filter: brightness(0) invert(0);
}
}
}
}