Closed (fixed)
Project:
Zen
Version:
6.x-2.x-dev
Component:
CSS/HTML Markup
Priority:
Normal
Category:
Bug report
Assigned:
Unassigned
Reporter:
Created:
8 Jul 2009 at 18:41 UTC
Updated:
26 Aug 2009 at 04:50 UTC
I'd like to push a reset or level playing field style sheet up toward the top of the style sheet declarations, in my custom zen subtheme.
I thought I was being clever and added:
stylesheets[all][] = meyerwebReset.css
before all other style sheets referenced in the .info file. This, however, does not appear to "drive" the order in which they are loaded in the final HTML output. meyerwebReset.css is getting loaded fourth from the bottom, and after html-elements.css.
At a minimum, I would like the reset sheet to be loaded before the html-elements.css, so that specific html element declarations will override the sweeping reset declarations.
If I must, I know I can drop an @import line at the top of html-elements, but I'd prefer to have the reset css load as a separate file in the HTML head section.
Suggestions?
Thanks in advance.
Comments
Comment #1
johnalbinYep, I just found this bug too.
Its actually an issue in Drupal's implementation of stylesheet order. All base theme stylesheets come before the stylesheets added by sub-themes.
Currently the only way to modify the the stylesheets that get added before you is to either give drop-in replacements for any file or removing a file completely. But a sub-theme doesn't have an easy way to re-order the stylesheets or place one of their stylesheets before one of its base theme's stylesheets.
Hmm…
One easy way to work-around this for Zen would be to move all the 6.x-2.x stylesheets into the STARTERKIT. Then the sub-theme would have full control over the ordering of the stylesheets.
Comment #2
johnalbinOk. The Zen base theme no longer has any stylesheets that it loads in its zen.info file. All the stylesheets are loaded by the sub-theme in its .info file. Which means it has full control over the ordering of stuff.