orgrosua / yabe-bricksbender Goto Github PK
View Code? Open in Web Editor NEWLicense: GNU General Public License v3.0
License: GNU General Public License v3.0
=== Yabe Bricksbender === Contributors: suabahasa, rosua Donate link: https://ko-fi.com/Q5Q75XSF7 Tags: bricks builder, tailwind css Requires at least: 6.5 Tested up to: 6.5 Stable tag: 2.0.2 Requires PHP: 7.4 License: GPLv3 License URI: https://www.gnu.org/licenses/gpl-3.0.html The Bricks builder extension == Description == ### Yabe Bricksbender: The Bricks builder extension. Yabe Bricksbender is a plugin that enhances the Bricks editor with functionalities that are not available in the core plugin to make your workflow more efficient. ### Modules Yabe Bricksbender is packed full of modules designed to streamline your workflow. - **Elements Manager**: Switch on/off the elements you want to use in the Bricks editor. - **HTML to Bricks** [Temp not available]: Convert HTML to Bricks elements. - **Plain Classes** [Temp not available]: Add the ability to write plain CSS classes to Bricks elements without adding the class to the Global Class database - **OpenAI Assistant** [Soon]: AI integration that do many tasks in the Bricks editor. ### Elements - **Alpine.js Runtime**: Add Alpine.js runtime to your Bricks editor. - **Alpine.js Container**: The element that supports Alpine.js directives. - **Lottie**: Add Lottie animation to your Bricks editor. - **Rive** [Soon]: Add Rive animation to your Bricks editor. - **GSAP Runtime** [Soon]: Add GSAP runtime to your Bricks editor. Visit [our website](https://bricksbender.yabe.land) for more information. = Love Yabe Bricksbender? = - Join our [Facebook Group](https://www.facebook.com/groups/1142662969627943) - Or rate us on [WordPress](https://wordpress.org/support/plugin/yabe-bricksbender/reviews/?filter=5/#new-post) ๐ = Credits = - Image by [Freepik](https://www.flaticon.com/free-icon/brick-wall_3769316) on Flaticon = Contributors & Developers = Interested in development? Visit the [GitHub repository](https://github.com/orgrosua/yabe-bricksbender) to get involved. == Changelog == = 2.0.2 = * **New**: [modules] Element Manager: Switch on/off the elements you want to use in the Bricks editor. = 2.0.0 = * **New**: [elements] Alpine.js Runtime and Alpine.js Container. * **New**: [elements] Lottie. * **Change**: [modules] Plain Classes and HTML to Bricks are removed from the plugin. They are now available on the [Yabe Siul](https://siul.yabe.land) plugin. = 1.0.13 = * **Change**: [plain-classes] Revert the "Hover the Class Name to preview the generated CSS code" feature that introduced in v1.0.8. It's not working as expected and causing performance issues. We will revisit this feature in the future release * **Change**: [plain-classes] Revert the "Colorized background of the class based on the breakpoint/screen size" feature that introduced in v1.0.8. It's not working as expected and causing performance issues. We will revisit this feature in the future release = 1.0.12 = * **New**: [html2bricks] Added the Paste button on the Structure panel header allowing to paste without needing selecting the element first. * **Fix**: [plain-classes] Freezed when moving the cursor to any line of the plain classes. = 1.0.11 = * **Improve**: Reduce the size of plugin file. = 1.0.10 = * **Fix**: [plain-classes] revert the Open the class suggestion on text selection [v1.0.6]. * **Improve**: [plain-classes] Hover the Class Name performance. = 1.0.9 = * **New**: Yabe Bricksbender is now available on [WordPress.org](https://wordpress.org/plugins/yabe-bricksbender/) = 1.0.8 = * **Improve**: [plain-classes] Hover the Class Name to preview the generated CSS code. = 1.0.6 = * **Improve**: [plain-classes] Open the class suggestion on text selection. * **Improve**: [plain-classes] Add border to the text input for better visibility. * **Improve**: [plain-classes] Colorized background of the class based on the breakpoint/screen size. * **Improve**: [plain-classes] Automatic Class Sorting with Prettier. Based on the official [Prettier plugin for Tailwind CSS](https://tailwindcss.com/blog/automatic-class-sorting-with-prettier). = 1.0.5 = * **Fix**: Comply to the WP.org plugin submission review. = 1.0.4 = * **Fix**: [html2bricks] Alpine.js compatibility issue. = 1.0.3 = * **Fix**: [html2bricks] Preserve the original tag name. = 1.0.2 = * **Fix**: Modules not loading in the Bricks editor. = 1.0.1 = * **New**: Introduced a new module, HTML to Bricks. * **New**: Introduced a new module, Plain Classes. = 1.0.0 = * ๐ฃ Initial release.
Can you please implement a "Bricks way" to do automatic class sorting following the tailwind recommended class order?
Thank you, for all.
Reference:
https://tailwindcss.com/blog/automatic-class-sorting-with-prettier#how-classes-are-sorted
Is it possible to remove the "Buy Bricksbender a Coffee" icon for Yabe Siul license holders or make an option to hide it? I'd rather clients not see that since they've already paid me to create a site for them.
For the color tags. I was just thinking ability to have some color differentiation between all the class badges so they arent all gray. For instance classes for padding and margin could be blue, classes for text, font, etc could be green, classes for layout orange, etc...I think it would be helpful for quick visual recognition if we needed to find a class to change, or remove. Especially when we have an element with several classes applied...
Let us multiselect Elements in the structure panel and on the canvas -> then we can applie different classes at once to all of them (not only tailwind, all global classes), and once we applied a TW class or a BEM class we can style on one element and all styles reflect.
Right now you can paste in HTML, but I think that being able to copy out as HTML would be equally as valuable, so that large sets of changes can easily be performed in a more suited enviorment.
is it possible to make the classes field bigger by default? i have issues working with classes, especially when the first row is full, it's not always automatically extending to new rows from there which results in clicking into other classes by mistake and sometimes changing things you don't want to change.
to have a 3-4 lines field by default would solve this (for me)
Even if I delete the tailwind classes in the brick builder
editor, nothing changes in the div.
You can watch the video I shot from the link below.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.