You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
1/ An ignore option that leaves the :hover psudo unwrapped if the CSS rule mentions a specific set of selectors. So lets say we want to have our menu links show the hover state even on touch-screens. We'd write our CSS for .always-hover .menu-link:hover instead of .menu-link:hover and add .always-hover to the ignore option. Any CSS rule mentioning .always-hover as a combination class of or as a parent of a :hover element would not be wrapped.
2/ I don't know if this is possible outside of a CLI but it'd be nice to instead of wrapping the CSS rules, we could just export them to a different stylesheet and remove them from the source stylesheet. Like this, we could use the media="hover" attribute on our <link> tags to reduce the size of the CSS request if the user cannot hover.
Cheers!
The text was updated successfully, but these errors were encountered:
Thanks a lot for this - helps us a ton!
Two features you may want to consider:
1/ An ignore option that leaves the
:hover
psudo unwrapped if the CSS rule mentions a specific set of selectors. So lets say we want to have our menu links show the hover state even on touch-screens. We'd write our CSS for.always-hover .menu-link:hover
instead of.menu-link:hover
and add.always-hover
to the ignore option. Any CSS rule mentioning.always-hover
as a combination class of or as a parent of a:hover
element would not be wrapped.2/ I don't know if this is possible outside of a CLI but it'd be nice to instead of wrapping the CSS rules, we could just export them to a different stylesheet and remove them from the source stylesheet. Like this, we could use the
media="hover"
attribute on our<link>
tags to reduce the size of the CSS request if the user cannot hover.Cheers!
The text was updated successfully, but these errors were encountered: