Invalid field labels not styled and input icons not visible

[xt0rted]

• Browser: Chrome 65
• Operating System: Win10
• Screenshot:

https://github.com/settings/admin

• HTML of the section where the issue occurs:

<input type="password" name="user[password]" id="user_new_password" data-autocheck-url="/signup_check/password" data-autocheck-authenticity-token="" tabindex="2" required="required" class="form-control is-autocheck-errored" data-com.agilebits.onepassword.user-edited="yes">

[Mottie]

Hi @xt0rted!

It looks like the invalid css selector (:not(li.moved)) mentioned in #589 is causing the block that styles the error label color to be ignored. I think we might need to either separate those invalid rules into a separate block, or ignore them for now. What do you think @silverwind?

I'll work on a fix for the icon.

[Mottie]

I opened csstree/validator#10.

Now, I need to figure out how to include csstree as a stylelint plugin in Stylus...

[Mottie]

I ended up removing the troublesome selector in the generate process.

[silverwind]

Nice work. So the issue was the the invalid selector invalidated the combined minfied rule?

[Mottie]

So the issue was the the invalid selector invalidated the combined minfied rule

Yep