Instead of style.css and mobile.css we should have one single file named "global.css". The name "mobile.css" is heavily confusing people as they think that it will only get included for the mobile version (which is not the case). With Omega we are building our themes from the mobile version upwards not not from the (more complex) wide-version downwards. This means: Everything that should be used on the mobile version (and also globally?) should be placed in global.css and everything that you want to override for your non-mobile version should go into YOURTHEME-alpha-default.css or YOURTHEME-alpha-default-LAYOUT.css.

=> Patched. (@see CHANGELOG.txt + Starterkits)

=> This patch ONLY affects the starterkits and wont have any impact on your subthemes.

Comments

kevin-bcr’s picture

kevin-bcr commented

Thank you fubhy: That is more clear. I know you said that the patch only affects starterkits and does not have any impact on subthemes, but, in order to bring mine up to standard, I did the following:

1. Renamed styles.css to global.css and transferred / combined elements from mobile.css into the new global.css.

2. Made sure that I edited my THEME.info file ; OPTIONAL STYLESHEETS section to contain:

css[global.css][name] = Your custom global styles
css[global.css][description] = This file holds all the globally active custom CSS of your theme.
css[global.css][options][weight] = 10

3. In above, deleted corresponding references to mobile.css and styles.css

4. Cleared cache

5. In Administration > Appearance > Settings > MYTHEME > Toggle Styles, checked box for "Your custom global styles (all) - global.css"

Works great.

Kevin

JSCSJSCS’s picture

JSCSJSCS commented

I struggled with all the CSS files in Omega 3.x (alpha,omega and starterkits) and fubhy was patient enough to help me through much of my confusion. Personally, I think 'global' is just as confusing and implies the stylesheet with too much importance. It may always be loaded (if enabled), but it is not the last stylesheet loaded and could be overridden by any that follow. I would suggest 'custom'. 'Custom' give the sense of importance without the permanence and superiority of 'global'. Hey, you can always edit the name in the .info file!

I intended this article as a reminder for myself. It may be helpful to others.

Omega StarterKit CSS Files: http://mydrupaljourney.com/articles/2011/06/30/omega-starterkit-css-files

Warning: some of the information presented in the above article may be completely and utterly incorrect!

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.