Nice one! I liked how you used input:checked to avoid using is! One thing though, since CSS variables follow regular CSS cascading, you don't need to use complex queries like .light:checked + * > p, you can simply use .light:checked
input:checked
.light:checked + * > p
.light:checked
Thanks for the hint. I simplify the example base on your suggestion.
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Nice one! I liked how you used
input:checked
to avoid using is!One thing though, since CSS variables follow regular CSS cascading, you don't need to use complex queries like
.light:checked + * > p
, you can simply use.light:checked
Thanks for the hint. I simplify the example base on your suggestion.