Variable Picker from External Custom CSS File

Feature Requests / Improvements
1

Hey Dev Guys,

Currently, Bricks Page Builder allows for the use of variables within its own interface, but it would be incredibly beneficial to extend this functionality to include external custom CSS files, such as those generated by plugins like WPcodebox.

Here’s how the Variable Picker from an External Custom CSS File feature could function within Bricks Page Builder:

  1. Integration with External CSS Files: The Variable Picker would enable users to import external custom CSS files directly into Bricks Page Builder. This integration would streamline the process of utilizing variables from these files without the need for manual copy-pasting or cumbersome workarounds.

  2. Variable Discovery: Once an external CSS file is imported, the Variable Picker would analyze and identify all variables defined within the file.

  3. User-Friendly Interface: The Variable Picker would provide a user-friendly interface, such as a sidebar panel or a pop-up window, where users can conveniently browse through and select variables. The interface should display the variable name, its corresponding value.

  4. Live Preview: As users select variables from the picker, a live preview feature would dynamically update the selected element or style within the Bricks Page Builder interface. This would allow users to visualize the impact of the chosen variable on their design, facilitating a seamless and efficient workflow.

  5. Custom Variable Support: The Variable Picker should also offer the option to define custom variables within Bricks Page Builder itself. This would allow users to create and manage their own variables directly within the builder interface, empowering them with full control and flexibility over their design projects.

By incorporating the Variable Picker from External Custom CSS Files into Bricks Page Builder, you would provide users with a powerful tool to leverage the full potential of custom CSS and maintain consistency across their designs. This feature would not only save time, but also enhance the user experience by eliminating manual tasks and reducing the likelihood of errors.

Thank you for considering my suggestion. I firmly believe that the inclusion of the Variable Picker from External Custom CSS Files within Bricks Page Builder would be a highly valuable addition. Making your platform even more appealing to users who work extensively with custom CSS and variables.

I look forward to hearing your thoughts on this proposal and any updates regarding its potential implementation. Please do not hesitate to reach out if you have any questions or need further clarification.

Sincerely,
Ben. K

5 Likes
2

I am also looking to hook into/add my custom CSS framework to Brick’s variable picker via my own plugin to help streamline my workflow with Bricks. Is anyone able to shed some light on how I can go about doing this, please? That would much appreciated. Thanks in advance!