SlexAxton / rework-pseudo-classes

Add companion classes to your pseudo styles for testing and convenience.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Should have the option to generate all combinations of pseudo-selectors and real selectors.

michelle opened this issue · comments

This:

.MyInput:checked + .MyLabel:hover {
  ...
}

currently gives me:

.MyInput:checked + .MyLabel:hover,
.MyInput.pseudo-checked + .MyLabel.pseudo-hover {
  ...
}

but I want:

.MyInput:checked + .MyLabel:hover,
.MyInput.pseudo-checked + .MyLabel:hover,
.MyInput:checked + .MyLabel.pseudo-hover,
.MyInput.pseudo-checked + .MyLabel.pseudo-hover {
  ...
}

In this example, I want to test with an actual checked input and a pseudo-hovered label.

(Also: pretty please owner me? :D)