Updating 7.0 CSS Code
Step 2 of 3
the new DXP version uses Bootstrap 4’s CSS rule syntax. The new syntax lets developers leverage Bootstrap 4 features and improvements. The Migrating to v4 guide provides complete instructions for updating CSS rules to Bootstrap 4.
Follow these steps to upgrade the theme’s CSS variables:
Consult the upgrade log produced by the gulp upgrade
task. It suggests the
manual Lexicon updates required for the theme.
Make the required changes in the log. The log lists removed and/or deprecated variables and suggests possible changes. For each update performed or suggested, the task reports a file name. For example, here is part of the task log for the 7.0 Westeros Bank theme:
----------------------------------------------------------------
Lexicon Upgrade (1.0 to 2.0)
----------------------------------------------------------------
File: _variables_custom.scss
$brand-default was deprecated in Lexicon CSS 1.x.x and has been removed
in the new Clay 2.x.x version
After updating your theme’s CSS variables and mixins, you should update the imports next.