Updating 7.0 Imports

Updating 7.0 CSS Code

Step 3 of 3

Font Awesome imports and core imports have changed. Follow these steps to update the theme:

1. 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/";
   

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

« Updating 7.0 Class VariablesUpdating 7.0 Theme Templates to 7.2 »