search

nathansmith / unsemantic

Fluid grid for mobile, tablet, and desktop.
http://unsemantic.com
MIT License
1.38k stars 161 forks source link

Why have "@media screen and (min-width: 1025px)" #65

Closed pavsid closed 9 years ago

pavsid commented 10 years ago

Hi, i'm wondering why all the top-level grid-x classes are contained within the @media screen and (min-width: 1025px) declaration?

Surely if you have .grid-70 then you want that div to be 70% at all device widths unless overridden by say tablet-100 or mobile-100?

It seems this is not the case and so we'd have to put all three classes .grid-70, .tablet-70 and .mobile-70 on an element to keep it that width, which seems excessive?

jkuss commented 9 years ago

The reason is the framework can be used without mobile- and tablet-

nathansmith commented 9 years ago

Alternatively, you could just use these generated files…

<link rel="stylesheet" href="unsemantic-grid-base.css" />
<link rel="stylesheet" href="unsemantic-grid-desktop.css" />

And that would contain no @media queries, allowing the grid-x classes to always be in effect.