Type: Feature Request
Affects Version/s: None
Fix Version/s: None
Component/s: ~ [Archived] Themes Infrastructure
Liferay Version: 6.1 GA 2
Operating System: Linux
Application Server: Tomcat 7.0.x
Java Virtual Machine: Java 6
Database: DB2 9.7
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.