zurb/foundation — Issue #73: Separate Desktop, Tablet and Mobile Styles
Author: bentruyman
Created: 2011-11-03 02:56:01+00:00
State: open

I've been busy evaluating CSS frameworks and all of them are lacking one feature: separation of desktop, tablet and mobile specific styles. For example, we have a requirement where we want to scale our website from a wide desktop resolution (around 1180px) down to tablet (around 768px). But we don't want the site to further scale down for mobile as a separate mobile-specific experience will be provided.

Would this be as simple as splitting up `mobile.css` into two files: `tablet.css` and `mobile.css` (or `phone.css`)? Then we could build our own custom version excluding `mobile.css`. Granted, we can achieve the same effect by removing all mobile-specific media queries from the compiled `foundation.css`.

Just a thought. :) Thanks for all the work you guys are providing for free. If I can think something up intelligent, I'll try to submit a pull request.