0

During theme migration from Liferay 7 to Liferay 7.2 I am getting following issues. Please tell me what to use in place of these deprecated variables?

$state-danger-text was deprecated in Lexicon CSS 1.x.x and has been removed in the new Clay 2.x.x version
    $state-info-bg was deprecated in Lexicon CSS 1.x.x and has been removed in the new Clay 2.x.x version
    $state-info-border was deprecated in Lexicon CSS 1.x.x and has been removed in the new Clay 2.x.x version
    $state-info-text was deprecated in Lexicon CSS 1.x.x and has been removed in the new Clay 2.x.x version
    $state-success-border was deprecated in Lexicon CSS 1.x.x and has been removed in the new Clay 2.x.x version
    $state-success-text was deprecated in Lexicon CSS 1.x.x and has been removed in the new Clay 2.x.x version
    $state-warning-border was deprecated in Lexicon CSS 1.x.x and has been removed in the new Clay 2.x.x version
    $state-warning-text was deprecated in Lexicon CSS 1.x.x and has been removed in the new Clay 2.x.x version
and many more...
Tobias Liefke
  • 8,637
  • 2
  • 41
  • 58
Deepak Vatsalya
  • 1

2 Answers2

0

I guess you called gulp upgrade to get that output.

According to the migration guide you simply need to remove these variables. They are defined in one of your theme files (e.g. _variables_custom.scss) and are not needed anymore.

Tobias Liefke
  • 8,637
  • 2
  • 41
  • 58
0

theme migration to 7.2 will change the structure use following step

  1. npm install -g generator-liferay-theme@9.x.x
  2. npm install --save-dev liferay-theme-tasks@9.x.x
  3. gulp upgrade
  4. gulp init

then you are good to go.

Divyesh Mehta
  • 1
  • 1