Unused selectors not being removed, possibly related to escaped characters

[kylegach]

I’m using a style system similar to Basscss, which can be seen here: https://github.com/kylegach/kylegach_com/tree/master/styles/modules.

A portion of my HTML can look like this:

<div class="left@md w-25@md px-2 px-3@sm pl-0@md pr-3@md">

And those px-2, px-3@sm, pl-0@md, and pr-3@md classes are defined in this stylesheet.

The purified CSS correctly strips all of the ...@lg classes, but it appears that all classes using @sm & @md are still included, because I used at least one class with either of those suffixes in the supplied content.

There are also many other unused selectors also not being removed that do not use escaped characters, e.g. .lineHeight-2, .display-none, .table, overflow-auto. I suspect this is because the following classes are used: lineHeight-3, display-none@md, overflow-hidden (I’m not sure how to explain the .table selector, except that I use <table>s in the HTML).

Is this a bug? Or is that simply the level of granularity for matching that is possible in Purify?

Thanks for your help. I’m happy to provide more information, if you let me know what you need.

[igidas]

I'm using similar concept of class naming and also experiencing a lot of selectors not being removed, like:

.h-padA-default\@tablet { ... }
[ui-grid~="3/6@large"] { ... }
[ui-flex~="wrap:true"] { ... }

[sbacic]

Hey, I know that this is an old issue, but I've run into a similar problem and found the bug. Here's the merge request in case you're interested in a fix: #130.

Hope this helps somebody.

[ArmorDarks]

Same issue here...