Translating :checked and +

[WorldsEndless]

I can't seem to figure out how to generate this selector:

.onoffswitch-checkbox:checked + .onoffswitch-label

I've tried variations, e.g.
(garden.core/css [:div [:&s/checked {:foo :bar}]])

(garden.core/css [:div (s/checked) {:foo :bar}])

but no luck. A little help?

[WorldsEndless]

This is the closest I've come, but the :checked is in the wrong place:

(garden.core/css [(s/+ (s/checked :.onoffswitch-checkbox) :.onoffswitch-label) {:background-color 'white}])
:checked.onoffswitch-checkbox + .onoffswitch-label {
  background-color: white;
}

[WorldsEndless]

Almost got it...

(garden.core/css [(s/+  (s/checked :onoffswitch-checkbox)
                                    :.onoffswitch-label) {:background-color 'white}])
:checkedonoffswitch-checkbox + .onoffswitch-label {
  background-color: white;
}

[hkjels]

I'm pretty sure this works:

[(s/+ :.onoffswitch-checkbox:checked :.onoffswitch-label) {}]

Also, if you don't need to do anything programatically to the selector, you can actually use the string-variant.

[WorldsEndless]

Thanks! What do you mean the "string-variant"?

[hkjels]

[".onoffswitch-checkbox:checked + .onoffswitch-label" {}]

[hkjels]

Note that I think #127 applies to (s/+) as well as (s/>), so the combination of (s/&) and (s/+) might not work

[WorldsEndless]

I had no idea of that "string variant"! That completely changes my converting-css-to-Garden life!