Updating 7.0 CSS Code
Step 3 of 3
Font Awesome imports and core imports have changed. Follow these steps to update the theme:
Originally in Liferay Portal CE 7.0 and Liferay DXP, Font Awesome icons were
imported in _aui_variables.scss
(now renamed _clay_variables.scss
). Font
Awesome icons are now included as a package dependency if you answer yes (y)
to include Font Awesome during the upgrade task. If a 7.0 theme was made
prior to this move and _aui_variables.scss
was modified, the Font Awesome
imports shown below must be removed from _clay_variables.scss
:
// Icon paths
$FontAwesomePath: "aui/lexicon/fonts/alloy-font-awesome/font";
$font-awesome-path: "aui/lexicon/fonts/alloy-font-awesome/font";
$icon-font-path: "aui/lexicon/fonts/";
Update the old AUI lexicon paths to use the new Clay paths instead, as shown in the table below:
Pattern | Replacement |
---|---|
@import "/aui/lexicon/bootstrap/mixins/"; | removed |
@import "/aui/lexicon/lexicon-base/mixins/"; | removed |
@import "/aui/lexicon/atlas-theme/mixins/"; | removed |
@import "aui/lexicon/atlas-variables"; | @import "clay/atlas-variables"; |
@import "aui/lexicon/atlas"; | @import "clay/atlas"; |
Great! Your imports are updated, and your CSS upgrade is complete. Next you can upgrade the theme templates.