allow the media query to be "opt-in" by using a different class name. about oocss HOT 2 OPEN

I agree, I've moved the whole media query into a separate stylesheet so we can work out the kinks without impacting existing styles. I don't want to add classes to every unit to make this work, but perhaps there is a way to make it cascade down, so you add the class at any level and it works on all units below that? Not sure it is a good idea... hmm.

from oocss.

i agree that adding classes to every unit that you want to have 'collapse' is maybe not ideal.

perhaps there is a way to make it cascade down, so you add the class at any level and it works on all units below that

with what i'm trying to achieve, i would need the added class to protect anything below that class - ie the class would need to reverse the effect of the media query so that the media query would work just as it does now but i could prevent the media query from affecting a block of content by adding a class that would do what unit does without the media query being in play. for example, the content in the first block (with the protectFromMedia class) would need to appear to be unaffected by the media query.

<div class="line">
    <div class="unit size1of2 protectFromMedia">
        <div class="unit size1of3">Not affected</div>
        <div class="unit size1of3">by</div>
        <div class="unit size1of3 lastUnit">media query</div>
    </div>
    <div class="unit size1of2 lastUnit">
        <div class="unit size1of2">affected by</div>
        <div class="unit size1of2 lastUnit">media query</div>
    </div>
</div>

i don't mean to suggest that the class should be called protectFromMedia - that was just to make it clear

from oocss.