Upgrade Guide
Upgrading from 1.x.x to 2.x.x
How to update
-
Update all Swissup modules
composer update "swissup/*"
-
Update Breeze module or theme to version 2.0
Edit this command and leave the packages you use:
composer require -w swissup/breeze:^2.0 \ swissup/breeze-blank:^2.0 \ swissup/breeze-evolution:^2.0
Breaking Changes
Dark color scheme is disabled by default now. If you wish to enable this feature,
you need to add @respect-color-scheme: true;
to your custom.less file.
Markup of header dropdown item was changed (.switcher
wrapper was added)
to match language and currency switcher dropdowns. This allows to move
customer dropdown menu to header panel if needed.
If your custom theme used .header.content > .actions > .action
selector for
some styles, you need to update it with
.header.content > .switcher > .actions > .action
.
We’ve removed/renamed bunch of less variables to make it easier to maintain Breeze source code. The tables below shows each variable we’ve changed.
1.x.x variable | 2.x.x replacement |
---|---|
@rgb-* |
These variables were completely removed |
@button__hover__color |
@button__hover__text-color |
@button__focus__color |
@button__focus__text-color |
@button-primary__hover__color |
@button-primary__hover__text-color |
@button-secondary__hover__color |
@button-secondary__hover__text-color |
@message-success__color |
@message-success__text-color |
@message-success__background |
@message-success__background-color |
@message-info__color |
@message-info__text-color |
@message-info__background |
@message-info__background-color |
@message-error__color |
@message-error__text-color |
@message-error__background |
@message-error__background-color |
@minisearch-input--border-color |
@minisearch-input__border-color |
@minisearch-input--background |
@minisearch-input__background-color |
@minisearch-button--background |
@minisearch-button__background-color |
@minisearch-button--color |
@minisearch-button__text-color |
@minisearch-button--focus--background |
@minisearch-button__focus__background-color |
@footer-newsletter-input--border-color |
@footer-newsletter-input__border-color |
@footer-newsletter-input--background |
@footer-newsletter-input__background-color |
@inverted--base-color |
@base__inverted__text-color |
@inverted--base-alpha |
@base__inverted__text-alpha |
@inverted--headings-alpha |
@headings__inverted__text-alpha |
@inverted--link-color |
@link__inverted__text-color |
@inverted--link-alpha |
@link__inverted__text-alpha |
@inverted--ring-color |
@ring__inverted__text-color |
@inverted--ring-alpha |
@ring__inverted__text-alpha |
@inverted--muted-bg |
@muted__inverted__background-color |
@inverted--muted-bg-alpha |
@muted__inverted__background-alpha |
@inverted--button-bg |
@button__inverted__background-color |
@inverted--button-border-color |
@button__inverted__border-color |
@inverted--button-color |
@button__inverted__text-color |
@inverted--input-bg |
@input__inverted__background-color |
@inverted--input-bg-alpha |
@input__inverted__background-alpha |
@inverted--input-border-color |
@input__inverted__border-color |
@inverted--input-border-alpha |
@input__inverted__border-alpha |
@product-stock__color |
@product-stock__text-color |
@product-stock__background |
@product-stock__background-color |
@product-stock-available__color |
@product-stock-available__text-color |
@product-stock-available__background |
@product-stock-available__background-color |
@product-stock-unavailable__color |
@product-stock-unavailable__text-color |
@product-stock-unavailable__background |
@product-stock-unavailable__background-color |
@listing-grid-item__aspect-ratio |
@listing-grid-item__reveal-on-hover__aspect-ratio |
@listing-grid-item__details-height |
@listing-grid-item__reveal-on-hover__visible-height |
@listing-grid-item-actions-primary__opacity |
@listing-grid-item-actions-primary__absolute__opacity |
@listing-grid-item-actions-primary__z-index |
@listing-grid-item-actions-primary__absolute__z-index |
@listing-grid-item-actions-primary__top |
@listing-grid-item-actions-primary__absolute__top |
@listing-grid-item-actions-primary__left |
@listing-grid-item-actions-primary__absolute__left |
@listing-grid-item-actions-primary__right |
@listing-grid-item-actions-primary__absolute__right |
@listing-grid-item-actions-primary__transform |
@listing-grid-item-actions-primary__absolute__transform |
@listing-grid-item-actions-primary__visible__transform |
@listing-grid-item-actions-primary__absolute__visible__transform |
@listing-grid-item-tocart--color |
@listing-grid-item-tocart__absolute__text-color |
@listing-grid-item-tocart--bg-alpha |
@listing-grid-item-tocart__absolute__background-alpha |
@listing-grid-item-tocart--bg |
@listing-grid-item-tocart__absolute__background-color |
@listing-grid-item-tocart__border-color |
@listing-grid-item-tocart__absolute__background-color |
@listing-grid-item-tocart__hover--bg-alpha |
@listing-grid-item-tocart__absolute__hover__background-alpha |
@listing-grid-item-tocart__box-shadow |
@listing-grid-item-tocart__absolute__box-shadow |
@listing-grid-item-tocart__font-weight |
@listing-grid-item-tocart__absolute__font-weight |
@listing-grid-item-tocart__text-transform |
@listing-grid-item-tocart__absolute__text-transform |
@listing-grid-item-actions-secondary__flex-direction |
@listing-grid-item-actions-secondary__absolute__flex-direction |
@listing-grid-item-actions-secondary__z-index |
@listing-grid-item-actions-secondary__absolute__z-index |
@listing-grid-item-actions-secondary__top |
@listing-grid-item-actions-secondary__absolute__top |
@listing-grid-item-actions-secondary__left |
@listing-grid-item-actions-secondary__absolute__left |
@listing-grid-item-actions-secondary__transform |
@listing-grid-item-actions-secondary__absolute__transform |
@listing-grid-item-actions-secondary__visible__transform |
@listing-grid-item-actions-secondary__absolute__visible__transform |