GBC 5.00.02 new features and upgrade notes

A summary of new features and changes in functionality introduced with Genero Browser Client (GBC) 5.00.02. Note the changes you may need to make when moving to this version of the GBC.

Important:

This version of GBC is desupported, use a more recent version of the product.

For a detailed list of GBC 5.00.02 changes, please refer to the list of fixes on our issue tracker.

Previous new features page: GBC 5.00.01 new features and upgrade notes.

Migrate from node-sass to sass

Starting from GBC version 5.00.02, the dependencies for sass have changed; node-sass has been deprecated and it is being replaced by sass.

To set up your GBC 5.00.02 project to use Sass, you must use one of the following installation methods to remove the old npm dependencies and use the new ones:
  • In your project directory, run a clean install and execute the build.
    npm ci && npm run install-gbc 
gbc build
  • Or, remove the node_modules directory in your project directory and restart the installation procedure as described in Set up your GBC project.

Some of your customization may fail because of changes and improvements to the scss syntax. You will see messages in the console output when the syntax is not compatibile. These messages will mostly be about math operations that should use the calc() method. For instance, you would need to replace ($size / 2) with calc($size / 2).

Also, use of the @extend directive has changed. It should not be performed on compound selectors and when chaining selectors. For compatibility, you must extend each simple selector separately instead.

For example, you would replace
@extend .mt-button.disabled:not([interruptable-active]);
With
@extend .mt-button, .disabled, :not([interruptable-active]);

Follow the instructions in the console output to fix these. For more information, refer to the Sass documentation (external link).