Ticket #12533 (confirmed Bug)
CSS Registory - @media {...} wrapping breaks some CSS
Reported by: | arterrey | Owned by: | |
---|---|---|---|
Priority: | minor | Milestone: | 4.x |
Component: | Templates/CSS | Version: | 4.1 |
Keywords: | Cc: | cwainwright, limi, robzonenet |
Description (last modified by arterrey) (diff)
CSS styles are not applied in certain cases when in production mode files are wrapped in a @media {...} bock according the to "CSS Media" property in portal_css.
Found two cases:
1) if the css file has a
@charset "UTF-8";
Firefox will cope with this, but chrome will not use the CSS in that block.
2) if the css file as a
@media [my media definition] { }
In which case this will cause nested @media blocks. It seems ok to do two level media definitions by have one on the media attribute on the link element and then having a @media definition in the CSS but having a @media inside a @media when the portal_css wraps it doesn't work.
Version Overview
- Plone 4.1.3 (4112)
- CMF 2.2.4
- Zope 2.13.10
- Python 2.6.6 (r266:84292, Mar 25 2011, 19:36:32) [GCC 4.5.2]
Change History
Note: See
TracTickets for help on using
tickets.