Submit Feedback
Legacy Knowledge Base
Published Jun. 30, 2025

Theme upgrade issues

Written By

Balázs Létai

How To articles are not official guidelines or officially supporteddocumentation. They are community-contributed content and may not alwaysreflect the latest updates to Liferay DXP. We welcome your feedback toimprove How to articles!

While we make every effort to ensure this Knowledge Base is accurate, itmay not always reflect the most recent updates or official guidelines.We appreciate your understanding and encourage you to reach out with anyfeedback or concerns.

Legacy Article

You are viewing an article from our legacy "FastTrack"publication program, made available for informational purposes. Articlesin this program were published without a requirement for independentediting or verification and are provided "as is" withoutguarantee.

Before using any information from this article, independently verify itssuitability for your situation and project.

Issue

  • We are moving from Liferay 7.3 to Quarterly releases and we would like to upgrade our theme, but facing errors e.g. "No mixin named media-query." or "Undefined variable: '$nav-underline-font-size'."

Environment

  • Liferay Quarterly Releases
  • Liferay Theme Generator

Resolution

  • Make sure you use Node 16.13+, npm 8.1+, theme generator 10.2+, gulp 4+
    Node version information

  • Use gulp upgrade command in the theme's folder to upgrade the theme to Liferay 7.4
  • Steps:
    • delete the build, the dist and the node_modules folder
    • In the src/css/_imports.scss file add @import "clay/cadmin-variables";
    • From the theme's main folder run npm install command
    • Run gulp upgrade and follow the instructions (Add the bootstrap compatibility layer)
    • Then gulp build

Additional Information

 

 

Did this article resolve your issue ?
Legacy Knowledge Base
Did this article resolve your issue ?