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.
Comments
Similar requests
Atomic is a bomb of destruction for Wordpress
1 vote · 0 comments
Feature Request: V4 atomic navigation menu component
8 votes · 0 comments
Multi-select when using dynamic tag for CSS Classes
3 votes · 0 comments
Atomic Accordion element for Elementor Editor V4
10 votes · 0 comments
Component variants / Toggle Component Elements / Make all atomic element content fields empty
2 votes · 0 comments
No comments yet.