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

refactor: disabled checkboxes and radios without :has

Browse source
This commit is contained in:
Lucas Larroche 2023-03-19 10:03:00 +07:00
parent e022c7098e
commit dd799056c7
2 changed files with 6 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

16
scss/forms/_checkbox-radio-switch.scss
View file

@ -7,6 +7,7 @@
*/
// Labels
// Not working in Firefox, which doesn't support the `:has()` pseudo-class
label {
&:has([type="checkbox"], [type="radio"]) {
width: fit-content;
@ -14,21 +15,6 @@
}
}
// Disabled labels
label:has([disabled]),
[type="checkbox"][disabled] + label,
[type="radio"][disabled] + label {
opacity: var(#{$✨}form-element-disabled-opacity);
pointer-events: none;
}
label:has([disabled]) {
[type="checkbox"],
[type="radio"] {
opacity: initial;
}
}
[type="checkbox"],
[type="radio"] {
-webkit-appearance: none;