HomeChangelogDashboard

Changelog

Core Framework is under constant development and we're gradually adding, improving, and fixing features. Below you can find release notes of all past updates.

Do you have a feature idea?

Make sure to visit our Feature Requests board, where you can vote and suggest features.

1.7.0 BETA

October 29th, 2024

ADDED

  • Improved responsiveness and stability of the color system

  • Search functionality (classes and variables)

  • Full view (Maximize) functionality

  • Clickable parent functionality with option to rename class

  • Purchase links added on Addons page

  • SVG field right-click now opens CF interface (Bricks)

FIXED

  • Changes sometimes not reflecting on the front-end

  • Fixed a z-index issue on our plus icon in the CF interface

  • Pasting groups now works on local (even if no SSL is detected)

  • Small overflow issue fixed for our navigation items

  • Disabled color groups are no longer being pulled in by our PHP Helper class

  • Disabled color groups are no longer being added to Bricks/Oxygen color palettes

  • Class generation has now been disabled in the Manual tab (for both Typography and Spacing)

1.6.4

October 16th, 2024

FIXED

  • Issue with the empty preset not saving

  • Issue with Core Framework UI not showing when right-clicking SVG color picker value in Bricks

  • Issue with disable color groups still showing in the PHP Helper Class

1.6.3

October 8th, 2024

ADDED

1.6.2

October 1st, 2024

FIXED

  • Issue where max fluid size could be less than the min (and vice versa)

  • Issue with typography and spacing classes when updating to 1.6.1

  • Typo in the description for transparency colors

ADDED

  • A link to the documentation in the bottom right of the UI

1.6.1

September 19th, 2024

FIXED

  • Issue with being unable to onboard using the empty preset

  • Icon overlapping right click menu

1.6.0

September 16th, 2024

FIXED

  • Issue with changes from manual tab (Typography & Spacing) not reflecting on front-end

1.6.0 - BETA

September 3, 2024

ADDED

  • Ability to choose from a typography/spacing scale for utility classes

  • Ability to name your own utility classes for typography and spacing

  • Ability to copy and paste groups between different breakpoints

  • Option to disable color groups

  • Classes added for always dark and always light (.theme-always-dark & .theme-always-light)

  • A default variable for max-screen-width can now be used - var(--max-screen-width)

FIXED

  • The issue with the app crashing in an empty preset

  • Utility classes for font sizes were still generated when turned off

  • Part of the buttons for adding and removing sizes from calculators was not clickable

  • Issues with syncing variables

  • Slight FOUC on the front-end of light mode when dark mode is enabled

  • Long group titles are no longer hidden by the max width

1.5.2

July 24, 2024

FIXED

  • The issue with the app crashing in an empty preset

  • Utility classes for font sizes were still generated when turned off

  • Part of the buttons for adding and removing sizes from calculators was not clickable

1.5.1.1

July 9, 2024

FIXED

  • Issue with generation of transparent variants

1.5.1

July 9, 2024

FIXED

  • General issues with saving

  • Incorrectly generated shades / tints

  • Incorrect tint value in the default preset

1.5.0

July 5, 2024

ADDED

  • Add multiple scale calculators in both typography and spacing

    • Right-click on the tab name allows you to rename, duplicate, reset, and remove the tab

  • New RAW option for color type - Allows for CSS variables (with autocomplete of framework colors) and browser-supported color names (LIST)

IMPROVED

  • The color picker can be opened by clicking color swatch only

FIXED

  • Saving of edited shades / tints after changing the color format

  • Creating new colors when the format was specified as HSLA but the color was HSL

  • Color reset after focusing on the input

1.4.2

June 13, 2024

FIXED

  • Colors disappearing in some cases

  • Color picker jumping issues in Safari

  • Custom tints / shades got reset after toggling a dark mode

  • Toggle for gap classes was linked to contextual variables

  • Incorrectly generated code in Bricks inline styles

  • Variables with a double-dash in the name didn't work (eg. --bg--blue)

  • Edge case of fatal error

1.4.1

June 7, 2024

FIXED

  • Color conversion from (hsl -> hex) on load (black screen on some installs).

  • Color conversion from (hsl -> hex) when clicking in color value field (black screen).

  • Color values showing up dark on the color picker with Edge browser.

  • Placement of color picker element when editing shades/tints.

1.4.0

June 3, 2024

ADDED

  • Onboarding Wizard - A multi-step wizard that leads you through the initial setup, and allows you to load the full framework, variables only, or an empty interface to create your own.

  • Onboarding Wizard attempts to auto-set the correct root font size based on your current setup

  • New Contextual Variables for spacing and typography.

  • Edit single shades and tints.

  • Generate fill classes for colors.

  • Copy and paste component variants.

  • Bricks: Sync variables to the native variable manager

IMPROVED

  • Improved color picker

  • Bricks: Removed our variable autocomplete in favor of the Bricks native solution, which is upgraded with our live preview on hover.

  • The preferences screen is organized and labels are improved.

  • Various UI/UX fixes.

FIXED

  • Resolve the issue with disappearing colors when using a beta version of Advanced Themer.

  • Various minor bug fixes

1.3.10

March 27, 2024

FIXED

  • Resolve issue with server side caching when using LiteSpeed Cache.

  • Resolve issue with persistent update notification when using Redis Object Cache plugin.

  • Resolve issue with incorrect text sizes on resize.

1.3.9

February 19, 2024

ADDED

  • Grid templates in Variable UI (Bricks Builder).

  • Select colors from the Variable UI by right-clicking on the colour picker pop-up trigger in the Bricks Builder.

  • Wrap CSS declarations containing the :hover pseudo-selector with @media (hover: hover). This setting prevents hover styles from appearing on touch devices. This feature is disabled by default.

IMPROVED

  • Prevent minimum font sizes being larger than maximum.

  • After selecting the colour using Variable UI colour previews on hover are temporally disabled (Bricks Builder).

  • Increase allowed manual font and spacing size to 2000px.

1.3.8

February 6, 2024

ADDED

  • Generate auto margin classes, eg. .margin-top-auto, .margin-left-auto, etc.

IMPROVED

  • Tweak paste component tooltip.

  • Improved sanitisation.

  • Optimize database calls.

FIXED

  • Allow underscores in variable names.

  • Ensure latest variables are loaded into Variable UI and variable dropdown.

1.3.7

January 31, 2024

FIXED

  • Don't open Variable UI in certain fields in Oxygen Builder.

  • Fix overflow in components preview.

  • Zip archive incompatibility with WordPress 6.4.3.

1.3.6

January 22, 2024

FIXED

  • Incompatibility of custom theme toggle icon in Bricks Builder (reported with Feather Icons).

  • Custom variables created in the colors category will appear in the Colour tab of the Variable UI (Bricks and Oxygen).

  • Fixes miscalculations introduced in version 1.3.5

1.3.5

January 17, 2024

ADDED

  • Add option to include comments in the stylesheet. [#75]

  • Add option to disable applying variable preview and auto changing unit on hover in Oxygen builder.

FIXED

  • Calculations for fluid input were not updated with latest configuration on save. [#84]

  • Disable Autosuggestion of variables in icon size component in Oxygen Builder.

  • Resolved an issue in certain WordPress multi-site configurations where saving changes were not updating stylesheet.

  • Hide admin notices on Core Framework page.

  • Certain variable configurations were not prefixed in the root declarations.

IMPROVED

  • Quicker save time.

Various other fixed and improvements.

1.3.4

December 13, 2023

FIXED

  • Variable UI couldn't be opened in certain project configurations.

  • Incorrect dark mode color schema property in generated CSS.

1.3.3

December 7, 2023

ADDED

  • Implement easing gradients to create create smooth linear-gradients. This option is disabled by default and can be toggled on in preferences.

.gradient {
  /* Before */
  background: linear-gradient(to bottom, black, cubic-bezier(0.48, 0.3, 0.64, 1), transparent);
  /* After */
  background: linear-gradient(
    to bottom,
    hsl(0, 0%, 0%),
    hsla(0, 0%, 0%, 0.94505) 7.9%,
    hsla(0, 0%, 0%, 0.88294) 15.3%,
    hsla(0, 0%, 0%, 0.81522) 22.2%,
    hsla(0, 0%, 0%, 0.7426) 28.7%,
    hsla(0, 0%, 0%, 0.66692) 34.8%,
    hsla(0, 0%, 0%, 0.58891) 40.6%,
    hsla(0, 0%, 0%, 0.50925) 46.2%,
    hsla(0, 0%, 0%, 0.42866) 51.7%,
    hsla(0, 0%, 0%, 0.34817) 57.2%,
    hsla(0, 0%, 0%, 0.2693) 62.8%,
    hsla(0, 0%, 0%, 0.19309) 68.7%,
    hsla(0, 0%, 0%, 0.12126) 75.2%,
    hsla(0, 0%, 0%, 0.05882) 82.6%,
    hsla(0, 0%, 0%, 0.01457) 91.2%,
    hsla(0, 0%, 0%, 0)
  );
}
add_filter('core_framework_exclude_pages', function($pages) {
    $pages[] = 3; // add post id
    $pages[] = "privacy-policy"; // or page slug
    return $pages;
});

  • Added getStylesheetUrl, getStylesheetPath, and getStylesheetVersion functions in the Helper class. Read more.

IMPROVED

  • Auto change unit to none in Oxygen Builder on dropdown hover and when selecting variable using arrow keys.

  • Duplicating component modifier also duplicates all pseudo states.

  • Auto open the design tab when opening Variable UI from the border radius input in the Bricks Builder.

FIXED

  • Groups in variable UI that have the same name won't be visually merged.

  • Exclude shortcode inputs from variable dropdown and Variable UI.

  • Variable UI could show incorrect labels for fluid spacing and typography variables with certain configurations of naming convention and variable prefix.

  • In rare cases users could experience black screen when accessing the plugin.

1.3.2

November 15, 2023

FIXED

  • Variable UI couldn't be opened in some cases.

  • Tabbed navigation could result in duplicate autocomplete dropdowns.

1.3.1

November 14, 2023

ADDED

  • Added option to open Variable UI using right click both in Oxygen and bricks builder.

IMPROVED

  • Variable suggestions are now sorted based on relevancy, for example autosuggestions in font size inputs will show fluid font size variables first. Applies to both Oxygen and Bricks add-on.

  • Navigate back in the CSS rows using tab + shift.

FIXED

  • Autocomplete dropdown compatibility issues with Advanced Themer plugin.

  • Adding state to the component could result in editing multiple states at the same time.

1.3.0

November 13, 2023

ADDED

  • Visual Variable UI modal in Oxygen and Bricks builder addon.

    • Open by holding down ⌘/Alt and clicking on an input.

  • Preview class on hover in Oxygen builder.

  • Variable dropdown with autocomplete and preview on hover in Oxygen Builder.

  • Added settings pages for each add-on:

    • Enable and disable features: apply a class on hover, toggle preview dark mode, variable dropdown, variable UI.

  • Added focus-visible component state.

  • Added option to duplicate group.

IMPROVED

  • Scroll to the selected variable in the variable dropdown in Bricks Builder.

  • Increase the maximum number of generated spacing and typography variables.

  • The dropdown suggests color variables in raw color input in Bricks.

  • Improved dropdown position in Bricks.

  • Persistent previewed theme in Components.

FIXED

  • Incorrect generated variable with double -- chars in helper's getVariables() method.

1.2.9

October 30, 2023

FIXED

  • Add a missing variable prefix to custom variables in the Bricks Builder autosuggestion dropdown.

1.2.8

October 25, 2023

ADDED

  • Added the ability to use a custom icon in the theme toggle Bricks element.

IMPROVED

  • Framework stylesheet loaded in the Gutenberg preview has a higher priority. This fixes compatibility issues with Greenshift components (e.g. "Advanced Core Button Block").

  • Categorise settings in the Theme Toggle element for Bricks.

FIXED

  • Component modifier classes (e.g. .btn.small) were not visible in Gutenberg integration.

1.2.7

October 16, 2023

ADDED

  • Added Wordpress Multisite support.

  • Added CoreFramework\Helper which can be used by plugin developers to access the list of variables and classes.

IMPROVED

  • Previewed theme is now persistent on reload and is shared between frontend and builder preview. This change affects theme preview button in Gutenberg, Oxygen and Bricks builders.

  • Allow more digits in custom scale ratio in spacing and typography calculators.

FIXED

  • Added missing aria-label to the Theme Toggle elements (Bricks builder, Oxygen builder, Gutenberg).

  • Under certain conditions both cf-theme-dark and cf-theme-light class was added to the html element inside of Bricks builder preview iframe.

1.2.6

September 25, 2023

FIXED

  • Reduced API requests within the Gutenberg add-on.

  • Fixed an incorrect property in the bold class. This class will be automatically corrected on save.

  • Increase the maximum value of the 'Max Screen Width' preference to 4000px.

  • Shades and tints for dark mode were not generated under certain conditions.

  • Set stage for UI kit preset import.

  • Reorder Gutenberg add-on ui - move applied classes section to the top.

1.2.5

September 10, 2023

FIXED

  • Fixed an issue with overlapping text in tabs in the Gutenberg add-on when the "Show button text labels" Wordpress preference is enabled.

  • Fixed an error that could occur when trying to update the plugin on a site that has moved between domains.

  • The framework stylesheet had the wrong order in the Bricks builder iframe, resulting in style differences between the Bricks builder preview and the frontend.

1.2.4

September 4, 2023

ADDED

  • Add Theme toggle block (Gutenberg add-on).

    • Control size, colour and icon type.

    • Add preview dark mode button to the page and site editor.

  • Add variables autocomplete with a dropdown to Bricks builder integration (resave required after the update). Supports every input that accepts variables. Hover over a variable to preview it.

IMPROVED

  • Use ctrl + S or ⌘ + S to save changes and ctrl + J or ⌘ + J to preview generated CSS.

  • Create new row on Enter or Tab when value input of the last declaration is focused. Remove rows with Backspace or move focus to property input (if value is empty).

  • Allow multiple selectors in the component selector. Split selector with a ,.

  • Display alert on leave during save.

  • Improved colour transition with theme toggles (affects Bricks, Oxygen and Gutenberg elements).

  • Allow more sizes in spacing and typography calculators (9xs -9xl).

  • Display shorter version of CSS variables in autosuggestion.

  • Improved autocomplete filtering - typing var(-- is not needed.

  • Custom title when in plugin interface.

FIXED

  • Incorrect CSS property autosuggestion for transform and transform-origin.

  • Syncing classes to page builder required to save twice in some cases

  • Previewed dark/light values could be flipped in native colour palette (Oxygen add-on).

  • Display empty state of Group/Component row in Project Manager view.

  • Theme toggle element for Oxygen not displaying correctly SVG on mobile Safari.

  • Incorrect value of columns-2--on-s and column-2--on-m class.

1.2.3

August 23, 2023

FIXED

  • Incorrect variable value in color classes when using '--' characters in color name.

  • Incorrect behaviour of 'theme-invert' class in light mode.

1.2.2

August 21, 2023

FIXED

  • Text size classes not regenerating clamp value on save when using a manual typography and root font size 100%.

IMPROVED

  • Cleaned up the CSS output to always display variables instead of clamps, plus a last resort REM fallback.

  • Size of the stylesheet is now showing a minified and gzipped size.

1.2.1

August 18, 2023

FIXED

  • Incorrect value of of .width-auto class.

  • In some cases, importing a project file created with older versions may result in manual typography sizes being reset.

1.2.0

August 17, 2023

ADDED

Learn how to use the new Dark Mode feature

  • Dark Mode

    • Create a dark mode variant of any color. Including shades, tints and transparent variants.

    • Quickly add a theme toggle with dedicated Bricks and Oxygen elements.

    • Toggle any specific section by adding a class .theme-inverted

    • Choose a preferred default theme or set it automatically based on system settings.

    • Preview dark mode in Oxygen and Bricks builder with button in the builder UI.

    • Preview components in dark mode.

  • Colors for backgrounds, text, border and shadow for both Light / Dark mode

  • Visual preview of classes on hover in Bricks Builder Addon

  • Z-Index utility classes eg. .z-index-10 , .z-index-100 , etc.

  • Position classes .sticky , .fixed

  • Utilities .display-none , .visible , .hidden

  • Relative width clases, eg. .width-50 , .width-60, etc.

  • Screen classes, .screen-width (100vw), .screen-height (100vh)

  • Components .divider , .checkbox , .radio

In order to see new classes, you may need to reset the framework to default (from the Preferences pane).

The update itself will not attempt to write to your saved framework.

IMPROVED

  • Components default styles and output

  • Dark / Light mode toggle in component previews

  • Remove prefix from generated colour classes selector. For example colour variable named --bg-primary would generate background class .bg-primary instead of .bg-bg-primary

  • Refined PostCSS config - expose variables in all declarations, make clamp fallback shorter.

  • Improve components preview to ensure previewed css matches generated file.

  • Display three inputs for checkbox and radio input in Components.

  • Add missing states in component editor, :checked and :valid

  • Hide Wordpress notices when in Core Framework interface

FIXED

  • Fixed issue with previewing :before and :after in component editor.

  • Fixed overflow issues with Menus in component editor.

  • Performance improvements in Wordpress admin dashboard.

  • Fixed issue with styles being applied to Gutenberg Editor UI.

  • Fixed issue when Column Span or Row Span classes were used together with Column Start or Row Start

1.1.0

July 28, 2023

Learn more about the new Manage Project screen here.

  • New "Manage Project" view, replacing the previous Import / Export view:

    • Import parts of the project with a side by side view.

    • Reorder sections between categories. Import the project remotely from the web app with a link.

  • Add functionality to import and export individual colours, colour groups, fluid spacing configuration, fluid typography configuration, individual components, classes and variable groups.

  • Resolved an issue related to saving the project on specific database configurations.

  • Fixed a bug that was causing media queries to be improperly generated when using new variables in media query mode.

  • Repositioned Core Framework in the menu bar.

  • Resolved a problem where theme colours were disappearing in Gutenberg when the child theme was activated.

  • Fix the issue with breakpoints not being removed correctly.

1.0.4

July 11, 2023

  • Fixed an issue of duplicate colours in Gutenberg (noticed in Kadence and GeneratePress themes).

  • Fixed an issue of overwriting theme colours (noticed in GeneratePress).

1.0.3

July 7, 2023

  • Load prefixed stylesheet in Gutenberg editor, resulting in improved specificity of classes.

  • Fixed an issue with a missing prefix in the variable name of the main colour in Oxygen and Bricks Integrations.

  • Fixed an issue with incorrect colour ID in Oxygen causing incorrect colour assignment.

  • Oxygen colour sync now uses variables instead of hex values.

  • Improved drag'n'drop feature in the component editor by adding a drag handle.

  • Fixed autocomplete filtering when using shorthand for variables - '--'.

  • Fixed the issue of unnecessary loading of CSS in the Gutenberg integration.

  • Fixed an issue with inserting space into the component variant selector.

  • Added a tooltip, advising to push changes after enabling an add-on.

  • Fixed an issue of selector specificity in the Oxygen builder iframe - affecting element selectors.

  • Fixed an issue with FOUC when hovering over a class in Gutenberg widget.

  • Fixed an issue with class sync when multiple integrations are enabled.

  • Fixed an issue with the visibility of group icons in Gutenberg.

July 4, 2023

  • We have fixed an issue with the search function in the Gutenberg component.

1.0.1

July 4, 2023

  • Fixed an issue where Oxygen Builder was not detected in certain cases.

  • Resolved an error that occurred when deleting a variant of a component with associated states.

1.0.0

July 3, 2023

  • Initial release

PreviousFAQNextCoreFramework\Helper

Last updated