scope_css doesnt seem to be up to date

Develop, Build & Integrate CMS Development
1

`scope_css` doesnt seem to be up to date with modern css properties.

I am trying to use it with in a module and anything with

:where

or

:has

doenst seem to allow scope_css to function.

The code that is causing the issues is as follows:

.camera-sets__cell--label:where(:hover, :focus-within, :focus) {
 z-index: 2;
}
.camera-sets__row:has(input:checked) .camera-sets__cell--label {
 background-color: var(--yellow);
}
.server-item:where(+ .server-item) {
 border-bottom: 1px solid var(--gray);	
}
.tooltip[title]:where(:hover,:focus)::after,
.tooltip[title]:where(:hover,:focus)::before {
 opacity: 1;
}
2

Hi @Adesignl

Yes, scope_css does not work with modern pseudo-classes. I use {{ name }} variable to nest the styles to the specific module so it does not affect any other element. You can try that as well.

I hope this will help you out. Please mark it as Solution Accepted and upvote to help another Community member.
Thanks!

3

I had a response from HubSpot Engineering team and it seem this is a bug. They have a ticket in and should be getting it resolved soon.