-
-
Notifications
You must be signed in to change notification settings - Fork 568
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Advanced CSS selectors plugin for grapesjs #1496
Labels
Milestone
Comments
lexoyo
modified the milestones:
Silex v3 - step #1 - beta,
Silex v3 - step #1 - website builder
Mar 21, 2023
lexoyo
changed the title
CSS editor plugged on GrapesJS api
Complex CSS selectors plugin for grapesjs
Apr 15, 2023
Solution 4Do as they do in webflow:
Add the ability to
|
lexoyo
changed the title
Complex CSS selectors plugin for grapesjs
Advanced CSS selectors plugin for grapesjs
Apr 2, 2024
Solution 4 is good, it lets the user select a class among parents, but while we are at it, we should also let the user select among other CSS combinators such as "next sibling", which would mean we style the element when it is the next sibling of the 2nd selector |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Why?
GrapesJS style manager is used in Silex v3 to style CSS classes and ID of the selected element in the editor
Here are use cases where this is not enough
.container img
because the image is not selectable at edition time.list ul.cell::nth-child(odd) > li
.my-text ul li
Here are the ideas I could come up with in order to create a useful plugin for grapesjs
Solution 1
A UI for grapesjs css
Solution 2
Just a code editor to edit all CSS
Solution 3
Preview arbitrary selectors in the layers UI and add arbitrary selectors to the style manager
About custom UI for Selector Manager: https://grapesjs.com/docs/modules/Selectors.html#customization
Links
The text was updated successfully, but these errors were encountered: