List,

I have bolted on my scss training wheels (about time, I know) and am
working on setting up my own little framework for starting new projects. I
am looking to ultimately reduce the number of http requests that I have
been using in the past with regards to css files. Usually, I use multiple
link elements with MQs and am looking into using a single stylesheet now.
Before I get too far, I'm looking to see if the way I am setting this up is
wrong/crazy/insane.

In my main stylesheet, I have this:

@media only screen and (min-width: 480px) {
    @import "480.scss";
}
@media only screen and (min-width: 600px) {
    @import "600.scss";
}
@media only screen and (min-width: 768px) {
    @import "768.scss";
}
@media only screen and (min-width: 992px) {
    @import "992.scss";
}

I then plan to repeat the imports, without the MQs, in another single sheet
to serve IE <9 a desktop only layout. This would be inside conditional
comments.

Is this off base, or am I ok?

Off-list replies are requested if this is leaning off-topic for this list.

Thanks!

-- 

Tom Livingston | Senior Interactive 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/

Reply via email to