# Changelog

{% hint style="info" %}
**Do you have a feature idea?** 

Make sure to visit our [Feature Requests](https://feedback.coreframework.com) board, where you can vote and suggest features. 
{% endhint %}

### 1.10.2

March 24th, 2026

<mark style="color:orange;">**FIXED**</mark>

* Figma API key sync issue

<mark style="color:purple;">**Bricks**</mark>

* Shades and tints not appearing in Bricks color picker after Bricks 2.3&#x20;

### 1.10.1

March 20th, 2026

<mark style="color:purple;">**Oxygen Classic**</mark>

* Fixed conflict with custom font
* Fixed swapped min and max values in manual mode
* Variable UI missing styles

### 1.10.0

March 18th, 2026

<mark style="color:orange;">**FIXED**</mark>

* Proper state tracking on "save changes" button
* Interface performance improvements
* Memory leaks in web app
* Minor bugs

<mark style="color:purple;">**Oxygen addon**</mark>

* New native integration for Oxygen v6.x.x
  * Auto-sync classes, variables and colors without the need of builder reload
  * Live preview on hover for classes and variables

<mark style="color:purple;">**Bricks addon**</mark>

* Fixed Variable UI not appearing properly after Bricks 2.2
* Fixed BEM generator in Bricks components
* Auto-sync classes, variables and colors without the need of builder reload

### 1.9.3

January 19th, 2026

<mark style="color:orange;">**FIXED**</mark>

* Gutenberg CSS intended for is\_admin() no longer outputs to front-end
* SVG label added to Core Framework fonts in Oxygen Builder
* Some Google Font URLs echoing "undefined" in web app
* Figma addon's refresh/sync button not working
* Figma addon not pushing newly-created variables

<mark style="color:purple;">**ADDED**</mark>

* Ability to disable Fonts feature added to Preferences

### 1.9.2

October 16th, 2025

<mark style="color:orange;">**FIXED**</mark>

* Issue with the remote import feature.

### 1.9.1

October 14th, 2025

<mark style="color:orange;">**FIXED**</mark>

* Fatal error when used in conjunction with Tutor LMS
* Responsive fixes
* Full-screen mode now works better
* Other minor bugs and visual fixes

### 1.9.0

September 2nd, 2025

<mark style="color:purple;">**ADDED**</mark>

* Custom stylesheets; users now have the ability to add as many custom stylesheets as they please. Instant error-checking and synchronization with CF variables for convenient auto-suggesting.

{% embed url="<https://youtu.be/gCObJf9bLWw?si=0W7lgo89ehLY3EOL>" %}

### 1.8.3

August 28th, 2025

<mark style="color:yellow;">**IMPROVED**</mark>

* Added transparency variables to CF's autosuggestion value fields
* BEM tooltip is now a 'title' and has better placement

<mark style="color:orange;">**FIXED**</mark>

* Color module improvements
* FSE saving in Gutenberg no longer has artificial save states
* Colors removed from our modal if they don't exist

### 1.8.2

June 30th, 2025

<mark style="color:yellow;">**IMPROVED**</mark>

* Color module logic changed to work more smoothly
* Fonts now support more file types
* Added 'No Classes Found' in Gutenberg widget if there are no classes available from Core Framework
* Added ability to select Core Framework-added fonts to Bricks 2.0 Beta
* Added missing theme toggle in the Bricks 2.0 Beta user interface

<mark style="color:orange;">**FIXED**</mark>

* Core Framework defaulting to onboarding after updating
* BEM generator icon now shows even if "Copy/Duplicate" icons are disabled in Bricks' settings
* ThemeToggle method button\_place()
* Color swatches in Manage Your Project no longer overlap boundaries
* Fixed the wp\_add\_inline\_style() error
* Issue with removing the last class applied to elements in Gutenberg
* An issue saving when adding a custom prefix
* Inability to add colors to elements in Bricks from our custom popup in Bricks when using Bricks' List Type
* An issue adding a custom variable to fonts

### 1.8.1

May 22nd, 2025

<mark style="color:orange;">**FIXED**</mark>

* An issue where Gutenberg was asking to save despite no changes being made
* An issue where Gutenberg template previews were flickering
* An issue in Gutenberg using deprecated toolbar controls resulting in a console warning
* BEM Generator modal now uses hard-coded colors as to not clash with custom variables
* An issue in some cases updating from 1.7.1 resulting in an infinite spinner
* Web App issue regarding uploading old .core files to the latest version
* Fonts now correctly update the desired font-display value
* Font display value is no longer incorrectly wrapped in quotation marks
* An issue with some custom fonts not being uploaded properly

### 1.8.0 Production

May 9th, 2025

<mark style="color:purple;">**ADDED**</mark>

<mark style="color:blue;">Everything included in 1.8.0 Beta</mark>

<mark style="color:orange;">**FIXED**</mark>

<mark style="color:blue;">Everything included in 1.8.0 Beta plus:</mark>

* An issue where custom fonts were not working on websites with a sub-directory

### 1.8.0 Beta

April 21st, 2025

<mark style="color:purple;">**ADDED**</mark>

* Added a BEM generator in the Bricks interface
* Added the ability to upload custom fonts and import Google fonts (hosted locally).
* Added ability to disable groups from **Manage Project** section
* Added logical properties to auto-suggestions
* Added variables for columns to base framework
* Added `.sr-only` class for screen readers
* Added a new toggle for Gutenberg widget to be open/closed by default

<mark style="color:orange;">**FIXED**</mark>

* Slight modification to tooltip located in **Manage Project** area
* Added space in Menu name
* Fixed an issue where local variables were not being removed in Figma
* Changed values of `.column-` classes to use variables
* Changed the value of the `.max-screen-width` class to use variable
* Gutenberg: fixed classes not updating in the widget
* Gutenberg: fixed inline color issue
* Fixed an overflow issue with long selectors in the **Components** area
* Extra unnecessary icon added to CF widget in Gutenberg removed
* White labeling in Gutenberg now works as expected

### 1.7.1

February 20th, 2025

<mark style="color:orange;">**FIXED**</mark>

* Issue with color module slow to update between color selection and clicking 'Save changes'
* Added a z-index to `.expand-click` so content does not sit on top
* Color swatches now show in the Manage Project section for colors referencing other colors using variables
* Issue using old .core files with Core Framework version 1.7.0 and later&#x20;

### 1.7.0 Production

January 22nd, 2025

<mark style="color:purple;">**ADDED**</mark>

* White Labeling (found in Preferences)

<mark style="color:orange;">**FIXED**</mark>

* Issues with **on\_update\_completed** action
* Z-index class issue in Bricks' Global Class manager
* `.expand-click` class CSS rules now work with all elements made into links
* Fixed text overlapping issue in the Components section
* Issues with colors not showing in WPGridBuilder's styles
* Issue not seeing **manual** variable styles from Typography and Spacing in the components area

### 1.7.0 Beta

October 29th, 2024

<mark style="color:purple;">**ADDED**</mark>

* 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)

<mark style="color:orange;">**FIXED**</mark>

* 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

<mark style="color:orange;">**FIXED**</mark>

* 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](https://docs.coreframework.com/development/coreframework-helper)&#x20;

### 1.6.3

October 8th, 2024

<mark style="color:purple;">**ADDED**</mark>

* Early-access [Figma Integration addon](https://coreframework.com/marketplace/figma-integration) released - [Getting Started](https://docs.coreframework.com/figma/getting-started-with-figma) 📖
* Figma added to the Addons area in Core Framework
* Addons area is now separated by **free** and **premium** addons

### 1.6.2

October 1st, 2024

<mark style="color:orange;">**FIXED**</mark>

* 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

<mark style="color:purple;">**ADDED**</mark>

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

### 1.6.1

September 19th, 2024

<mark style="color:orange;">**FIXED**</mark>

* Issue with being unable to onboard using the empty preset
* Icon overlapping right click menu

### 1.6.0 - Production

September 16th, 2024

<mark style="color:orange;">**FIXED**</mark>

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

### 1.6.0 - Beta

September 3, 2024

<mark style="color:purple;">**ADDED**</mark>

* 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)`**

<mark style="color:orange;">**FIXED**</mark>

* 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

<mark style="color:orange;">**FIXED**</mark>

* 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

<mark style="color:orange;">**FIXED**</mark>

* Issue with generation of transparent variants

### 1.5.1

July 9, 2024

<mark style="color:orange;">**FIXED**</mark>

* General issues with saving
* Incorrectly generated shades / tints
* Incorrect tint value in the default preset

### 1.5.0

July 5, 2024

<mark style="color:purple;">**ADDED**</mark>

* 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](https://www.w3schools.com/colors/colors_names.asp))

<mark style="color:purple;">**IMPROVED**</mark>

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

<mark style="color:orange;">**FIXED**</mark>

* 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

<mark style="color:orange;">**FIXED**</mark>

* 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

<mark style="color:orange;">**FIXED**</mark>

* 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

<mark style="color:purple;">**ADDED**</mark>

* 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

<mark style="color:purple;">**IMPROVED**</mark>

* 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.

<mark style="color:orange;">**FIXED**</mark>

* Resolve the issue with disappearing colors when using a beta version of Advanced Themer.
* Various minor bug fixes

### 1.3.10

March 27, 2024

<mark style="color:orange;">**FIXED**</mark>

* 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

<mark style="color:purple;">**ADDED**</mark>

* 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.

<mark style="color:purple;">**IMPROVED**</mark>

* 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

<mark style="color:purple;">**ADDED**</mark>

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

<mark style="color:purple;">**IMPROVED**</mark>

* Tweak paste component tooltip.
* Improved sanitisation.
* Optimize database calls.

<mark style="color:orange;">**FIXED**</mark>

* Allow underscores in variable names.
* Ensure latest variables are loaded into Variable UI and variable dropdown.

### 1.3.7

January 31, 2024

<mark style="color:orange;">**FIXED**</mark>

* 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

<mark style="color:orange;">**FIXED**</mark>

* 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

<mark style="color:purple;">**ADDED**</mark>

* Add option to include comments in the stylesheet. [\[#75\]](https://feedback.coreframework.com/75)
* Add option to disable applying variable preview and auto changing unit on hover in Oxygen builder.

<mark style="color:orange;">**FIXED**</mark>

* Calculations for fluid input were not updated with latest configuration on save. [\[#84\]](https://feedback.coreframework.com/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.&#x20;
* Hide admin notices on Core Framework page.
* Certain variable configurations were not prefixed in the root declarations.

<mark style="color:purple;">**IMPROVED**</mark>

* Quicker save time.

Various other fixed and improvements.

### 1.3.4

December 13, 2023

<mark style="color:orange;">**FIXED**</mark>

* 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

<mark style="color:purple;">**ADDED**</mark>

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

```css
.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 [`core_framework_exclude_pages`](https://docs.coreframework.com/how-to-use/filters#exclude-pages-core_framework_exclude_pages) filter that allows excluding pages  from loading framework. Example usage:

<pre class="language-php" data-full-width="false"><code class="lang-php"><strong>add_filter('core_framework_exclude_pages', function($pages) {
</strong>    $pages[] = 3; // add post id
    $pages[] = "privacy-policy"; // or page slug
    return $pages;
});
</code></pre>

* Added getStylesheetUrl, getStylesheetPath, and getStylesheetVersion functions in the Helper class. [Read more.](https://docs.coreframework.com/development/coreframework-helper#method-usdhelper-greater-than-getstylesheeturl)

<mark style="color:purple;">**IMPROVED**</mark>

* 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.

<mark style="color:orange;">**FIXED**</mark>

* 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

<mark style="color:orange;">**FIXED**</mark>

* Variable UI couldn't be opened in some cases.
* Tabbed navigation could result in duplicate autocomplete dropdowns.

### 1.3.1

November 14, 2023

<mark style="color:purple;">**ADDED**</mark>

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

<mark style="color:purple;">**IMPROVED**</mark>

* 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`.

<mark style="color:orange;">**FIXED**</mark>

* 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

<mark style="color:purple;">**ADDED**</mark>

* Visual Variable UI modal in Oxygen and Bricks builder addon.&#x20;
  * 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:&#x20;
  * 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.

<mark style="color:purple;">**IMPROVED**</mark>

* 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.

<mark style="color:orange;">**FIXED**</mark>

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

### 1.2.9

October 30, 2023

<mark style="color:orange;">**FIXED**</mark>

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

### 1.2.8

October 25, 2023

<mark style="color:purple;">**ADDED**</mark>

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

<mark style="color:purple;">**IMPROVED**</mark>

* 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.

<mark style="color:orange;">**FIXED**</mark>

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

### 1.2.7

October 16, 2023

<mark style="color:purple;">**ADDED**</mark>

* Added Wordpress Multisite support.
* Added [CoreFramework\Helper](https://docs.coreframework.com/development/coreframework-helper) which can be used by plugin developers to access the list of variables and classes.

<mark style="color:purple;">**IMPROVED**</mark>

* 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.

<mark style="color:orange;">**FIXED**</mark>

* 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

<mark style="color:orange;">**FIXED**</mark>

* 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.&#x20;
* 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

<mark style="color:orange;">**FIXED**</mark>

* 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.&#x20;

### 1.2.4

September 4, 2023

<mark style="color:purple;">**ADDED**</mark>

* **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.

<mark style="color:purple;">**IMPROVED**</mark>

* 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.&#x20;
* Improved autocomplete filtering - typing `var(--` is not needed.
* Custom title when in plugin interface.

<mark style="color:orange;">**FIXED**</mark>

* 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

<mark style="color:orange;">**FIXED**</mark>

* Incorrect variable value in color classes when using '--' characters in color name.&#x20;
* Incorrect behaviour of 'theme-invert' class in light mode.

### 1.2.2

August 21, 2023

<mark style="color:orange;">**FIXED**</mark>

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

<mark style="color:purple;">**IMPROVED**</mark>

* 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

<mark style="color:orange;">**FIXED**</mark>

* 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

<figure><img src="https://949277485-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp10Tm4nYjo9MojbZ6zQt%2Fuploads%2FMJ1Lcy6RagJ4AZuQsr7X%2F1.2.jpg?alt=media&#x26;token=cff95666-8cee-4643-a48a-b61e690e237c" alt=""><figcaption></figcaption></figure>

<mark style="color:purple;">**ADDED**</mark>

{% hint style="info" %}
[Learn how to use the new Dark Mode feature](https://docs.coreframework.com/how-to-use/dark-mode)
{% endhint %}

* **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`&#x20;
* **Relative width** clases, eg. `.width-50` , `.width-60`, etc.
* **Screen classes**, `.screen-width` (100vw), `.screen-height` (100vh)
* **Components** `.divider` , `.checkbox` , `.radio`

{% hint style="warning" %}
In order to see new classes, you may need to reset the framework to default (from the Preferences pane).&#x20;

The update itself will not attempt to write to your saved framework.
{% endhint %}

***

<mark style="color:purple;">**IMPROVED**</mark>

* 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

***

<mark style="color:orange;">**FIXED**</mark>

* 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

<figure><img src="https://949277485-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp10Tm4nYjo9MojbZ6zQt%2Fuploads%2FcknH3EdVIhcTRkcdXoiD%2F1.1.jpg?alt=media&#x26;token=01663dd4-97f5-4211-a8a3-01999ff12b2a" alt="Core Framework official release of version 1.1"><figcaption></figcaption></figure>

{% hint style="info" %}
[Learn more about the new Manage Project screen here.](https://docs.coreframework.com/navigating-the-ui/manage-project)
{% endhint %}

* New **"Manage Project"** view, replacing the previous Import / Export view:&#x20;
  * 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.

***

### 1.0.2[^1]

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

<figure><img src="https://949277485-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp10Tm4nYjo9MojbZ6zQt%2Fuploads%2FSmvLwxoY5m0KvvDYHZZd%2F1.0.jpg?alt=media&#x26;token=75f99da7-02e8-44f1-9a47-db0475b5e236" alt="Core Framework official release of production version 1.0"><figcaption></figcaption></figure>

* Initial release

[^1]: