On Mon, Jul 28, 2014 at 2:15 PM, Tom Livingston <tom...@gmail.com> wrote:
> On Mon, Jul 28, 2014 at 1:42 PM, Chris Rockwell <ch...@chrisrockwell.com>
> wrote:
>> Hi Tom,
>>
>> Without knowing how you have your styles structured, I can really only guess
>> at how I would do it.
>>
>> I use partials like crazy so the way I would do it may not make sense in
>> your project, but I would put that in _header.scss (or maybe it would call
>> it _main--header.scss in this case).
>>
>> If you have clear separation between your media query styles and
>> mobile-first styles (assuming that's how you've written it), I would just
>> drop that as another media query at the end of my media query code.
>>
>>>> Does it matter?
>> In my opinion, yes. If requirements change in the future and there is no
>> adherence to structure, you'll end up with some messiness down the road (I
>> feel like I'm preaching to the choir on this point though :D, maybe I've
>> misunderstood the question).
>>
>> Hope that helps.
>>
>>
>> Chris Rockwell
>>
>
>
> I use sass, and my main sheet is imports:
>
> @import "base";
>
> @media only screen and (min-width: 30em) {
> @import "480";
> }
> @media only screen and (min-width: 37em) {
> @import "600";
> }
> @media only screen and (min-width: 48em) {
> @import "768";
> }
> @media only screen and (min-width: 60em) {
> @import "960";
> }
>
> I've done both where I've added at the end of this, and put tweaky MQs
> in individual sheets. Just wondering if one place is better than the
> other.
>
I'm leaning towards adding it to the end of this. Seems most logical,
but then again... I'm not always the sharpest knife in the drawer.
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
