Skip to content
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

Css variables enhancements #4392

Open
14 tasks
TrySound opened this issue Nov 8, 2024 · 0 comments
Open
14 tasks

Css variables enhancements #4392

TrySound opened this issue Nov 8, 2024 · 0 comments
Labels
area:styles Style Panel is the CSS panel on the right prio:2 Always look for prio:1 issues first before working on prio:2 type:feat Features and enhancements

Comments

@TrySound
Copy link
Member

TrySound commented Nov 8, 2024

  • filters and backdrop filters still do not support variables
  • rename variables
  • search properties in advanced panel
  • gradient thumbnail in variables (requires portable gradient ui)
  • preview highlighted variables in css fragment autocomplete (background and shadow sections)
  • preview computed values with pressed alt in css inputs
  • support vars in individual border size/radius fields (it somewhat works now)

Ideas

  • Prevent Marketplace insert from overriding CSS var values, only allow it to add new variables.
  • Render computed value in spacing
  • Add expand option like we have for code
  • Var wrapping doesn't look great IMO but cutting off is probably worse
  • Might make sense to add a copy option on single var... I would need to build a site using this to see my workflow but I could see me forgetting my vars, referencing the global list, then wanting to copy it. Though maybe autocomplete will solve this (autocomplete indeed does solve this)
  • Remove var() from field display and just show --size-6. It adds a lot of clutter and often hides the details
  • Alphabetize or maintain order on undo after removing a variable. I accidentally removed one and upon undo, it gets put at the top
    https://github.com/user-attachments/assets/37bd6161-d352-4e5d-8565-0431a855738e
@TrySound TrySound added area:styles Style Panel is the CSS panel on the right type:feat Features and enhancements prio:2 Always look for prio:1 issues first before working on prio:2 labels Nov 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area:styles Style Panel is the CSS panel on the right prio:2 Always look for prio:1 issues first before working on prio:2 type:feat Features and enhancements
Projects
None yet
Development

No branches or pull requests

1 participant