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 [[email protected]]
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/
