Classnames separated by dots are removed

If I have a selector in my css .my-class.something-else, it is getting removed even though my I have this in my settings whitelistPatterns: [/^my-/]. There are many variants of that like .my-class.another-thing, so how can I be sure to keep them all? Shouldn’t my whitelist pattern already work for this?

[mdominguez]

I needed to whitelist classes similar to for example .mb-1.5 that we’re getting purged… Tried the /^.[^\.]*\.[^\. "']*/g regex and it worked 😃 thanks!

[erikwestlund]

This is also a problem for me.

I have this:

        /^component-*/,
        /\.component-tagBox\.tag\.valid/

in the extractor whitelist

and this in my css (tailwind):

.component-tagBox.tag.valid { @apply bg-blue; }

and it doesn’t work.

It does work with a single class name in the CSS, e.g.,:

.component-tagBox { @apply bg-blue; }

But i need the compound class for it to do what I want to do using a third party vue comonent.

Any tips?