FeatureFuel
2

Contextual / Scoped Classes and Descendant Selectors for Atomic Classes

Source: elementor/elementor#36906 · opened by @ffxffxwu
Describe the Problem I really like the new Atomic class system in Elementor V4. However, one limitation makes it difficult to scale on larger projects: classes currently work in a flat/global namespace, without the ability to style a class differently based on its parent or context. For example, I may have multiple modules: .module-a .module-b Each module may contain elements with the same logical role: .left-content .right-content However, .left-content in .module-a may require completely different styling from .left-content in .module-b. Because Atomic classes are global, I cannot safely use a generic .left-content class for both. Instead, I have to create unique classes for every module: .module-a-left-content .module-a-right-content .module-b-left-content .module-b-right-content This becomes difficult to manage as a project grows. A website with many sections, cards, components, headers, footers, forms, etc. can easily end up with hundreds of hig…

No pledges yet. Be the first to back this.

Make a pledge

Pledge your monetary support if this feature is added.

$

Comments

No comments yet.

Replying to

Add a comment

What do you think about this feature request?


Similar requests