1. Home
  2. Development
  3. Theme Generator for 7.2 and Font Awesome

Theme Generator for 7.2 and Font Awesome

Jeff Hellman, modified 6 Years ago.
Theme Generator for 7.2 and Font Awesome
New Member Posts: 11 Join Date: 7/11/19 Recent Posts
I'm using Liferay 7.2 and I couldn't find tutorial steps for that version on generating a theme based on Clay, so I tried following the steps for 7.1:

https://portal.liferay.dev/docs/7-1/tutorials/-/knowledge_base/t/importing-clay-css-into-a-theme
​​​​​​​
I used version 9.x.x of the theme generator to be compatible with Liferay 7.2. I'm currently getting an error in the gulp build due to the lack of the Font Awesome library from the generated files in the build folder:
events.js:183
      throw er; // Unhandled 'error' event
      ^
Error: build\_css\font_awesome.scss
Error: File to import not found or unreadable: font-awesome/scss/font-awesome.
        on line 5 of build/_css/font_awesome.scss
>> @import "font-awesome/scss/font-awesome";

Is there a different method of including Font Awesome between 7.1 and 7.2 for Clay-based themes that I should be trying to do instead? Maybe as a dependency in the package.json? Do I not need Font Awesome with Clay at all in 7.2?
Patrick Yeo, modified 6 Years ago.
RE: Theme Generator for 7.2 and Font Awesome
Junior Member Posts: 61 Join Date: 2/8/13 Recent Posts
Hey Jeff,
I believe Font Awesome was removed in 7.2. You can try deleting the
 font_awesome.scss
file.
Final Edit: I just tested it, you also need your _imports.scss to look like:
@import "bourbon";

@import "mixins";

@import "compat/mixins";

@import "clay/base-variables";

I was wrong about Bourbon. The text-overflow  mixin is from Bootstrap 3. It's available by importing @import "compat/mixins";.
Lee Jordan, modified 6 Years ago.
RE: Theme Generator for 7.2 and Font Awesome
Expert Posts: 449 Join Date: 5/26/15 Recent Posts
Can we get font libraries restored please? Like nobody is asking how these changes are impacting us the theme developers that are faced with enough challenges without having to worry about FA (Font Awesome) and Glyph deps. Knowledge like this also MUST be communicated into the documentation ... we don't have a snowballs chance in a fire of surviving 7.2 themes if all this stuff is kept in forum posts.
Just speaking up because some of us are using the FA library and now we build a theme and our carousel arrows are suddenly invisible. Just because there was a move to SVG it doesn't mean everyone has stopped using FA. I inherited jQuery 1.1 life is too short to touch something that isn't broken and works just fine.