Version | Change log |
Pinegrow Web Editor 8.4 Mar 13, 2025 |
Tailwind CSS 4 Integration: Pinegrow now fully supports Tailwind CSS 4, the latest version of the popular utility-first CSS framework. This update brings a number of changes and improvements to how you work with Tailwind in Pinegrow. Version detection: Automatic Version Detection: Pinegrow automatically detects the correct version of Tailwind CSS used in existing projects. Manual Version Override: If needed, the Tailwind CSS version can be manually changed in the Properties panel under the “Tailwind CSS Options” section. Pinegrow’s auto-detection has proven very accurate in testing. Arbitrary control values: Tailwind CSS 4 introduces broader support for arbitrary values, allowing for more fine-grained control over styling. Pinegrow now fully supports this: Expanded Property Controls: Property controls (for example, those controlling padding, spacing, width, and height) now offer a significantly expanded range of options in the dropdown menus. This reflects the expanded possibilities within Tailwind CSS 4. Combined Color and Opacity: A significant change in Tailwind CSS v4 is the way color and opacity are handled. Tailwind CSS 4 uses a combined notation for specifying both color and opacity, such as bg-red-400/50 (a red background with 50% opacity). Separate opacity classes (e.g., opacity-50) are no longer the standard way to apply transparency. Simplified Visual Controls: Pinegrow’s visual controls provide a color selector, along with a dedicated opacity selector. Class Tree Inspector: All color classes have an Opacity sub-menu for quick transparency selection. Improved Pseudo-Class Variant Management: Tailwind CSS offers a wide array of pseudo-class variants (e.g., :hover, :focus, :first-child, and many more). Pinegrow’s “Pseudo class” selector in the Properties panel has been redesigned to provide a more organized and efficient workflow: Organized Sub-Menus: Pseudo-class variants are now organized into logical sub-menus (e.g., “All variants”, “ |
Pinegrow Web Editor 8.3 Dec 12, 2024 |
Search in CSS Tree panel WordPress Tailwind starter project Editing multiple files with AI Use ChatGPT and similar services with Pinegrow |
Pinegrow Web Editor 8.2 Nov 27, 2024 |
Smart Insert AI Style editing Auto create components and WordPress blocks Block themes & more. |
Pinegrow Web Editor 5.96 May 15, 2020 |
Improved Page Libraries: Page Libraries let you add any web page (local or remote) to the Library Panel and use it as a library of components that you can then drag to your page. |
Pinegrow Web Editor 5.95 Apr 1, 2020 | Partials are back, improving the default stylesheet, create new file from the project view and configuring Pinegrow in centralized deployment. |
Pinegrow Web Editor 5.941 Feb 27, 2020 |
Create custom blocks for WordPress Block Editor: You can now use WordPress Theme Builder to turn any HTML element into a custom WordPress block. Blocks can contain custom fields and use all available WordPress actions, for example displaying a list of related posts. Improved CSS Grid editor: CSS Visual Editor now includes controls for align-items, justify-content and align-content properties. These properties control how grid content is positioned vertically and horizontally in the available space. Creating new pages: Pinegrow got smarter in how it handles creating new pages within an existing project. For example, when adding a Bootstrap 4 starting page into a project subfolder, the new page will use existing Bootstrap resources from the project root folder, instead of duplicating these resources in the target subfolder. Speeding up project loading: Pinegrow 5.93 introduced the ability to exclude project files and folders from the process of scanning the project for components. |
Pinegrow Web Editor 5.94 Feb 27, 2020 |
Create custom WordPress blocks Improved CSS Grid editor and projects. |
Pinegrow Web Editor 5.93 Feb 4, 2020 | Insert special characters, exclude project folders and files, updated device presets and UI improvements. |