Uploaded image for project: 'PUBLIC - Liferay Portal Community Edition'
  1. PUBLIC - Liferay Portal Community Edition
  2. LPS-31479

Nested CSS file imports are not included in minified CSS code

    Details

    • Type: Feature Request
    • Status: Open
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: None
    • Fix Version/s: None
    • Labels:
      None
    • Environment:

      Liferay Version: 6.1 GA 2
      Operating System: Linux
      Application Server: Tomcat 7.0.x
      Java Virtual Machine: Java 6
      Database: DB2 9.7

      Description

      The problem is that @import declarations inside an imported CSS file are ignored by the minifier. For example:

      main.css -> (imports) custom.css -> (imports) custom/ui.css

      causes the CSS minifications to only process styles in main.css and custom.css, ignoring styles in custom/ui.css.

      The expected behavior (seen when the minifier is disabled) is to not limit the level of nesting when @imports rules precede all other rules as per the CSS specification.

      The workaround is to include custom CSS files from main.css instead of custom.css, however, this does not follow Liferay's best practices, which says that themes should preferably only modify custom.css to avoid future upgrade issues.

        Attachments

          Activity

            People

            Assignee:
            support-lep@liferay.com SE Support
            Reporter:
            michael.kim Michael Kim (Inactive)
            Votes:
            1 Vote for this issue
            Watchers:
            1 Start watching this issue

              Dates

              Created:
              Updated:

                Packages

                Version Package