@see title.
The weight of the mobile.css needs to be 10 (style.css has 10 too) so that the mobile version can override the Omega CSS files (omega-menu.css, omega-branding.css, etc.).
The style.css holds styles.css and the mobile.css hold styles that get applied to ALL! layouts of your site (no matter if mobile or not) because they are applied with media="all". The reason for us to use two stylesheets anyhow (even though they dont really have a difference regarding their impact) is that many users wish to split up their CSS based on its purpose. So the CSS that is meant to be used by the entire website should go into style.css while the CSS that should only be valid for the mobile version should go into mobile.css (and then should be overriden to fit the non-mobile version by using the "YOURTHEME-alpha-default.css"). This explanation of how the CSS concept works in Omega is really important and we need to move it into the Documentation!!!
Comments
Comment #1
fubhy commentedJust for the purpose of cleaning it up properly all the Alpha CSS files should be included with -20 as weight instead of -100, -90, etc.
Comment #2
fubhy commented