[css-d] SCSS question
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/
Re: [css-d] Media query syntax when a separate style sheet is included
On Sat, Mar 16, 2013 at 7:09 PM, Tom Livingston tom...@gmail.com wrote: I'll add that I use a mobile-first approach and I don't repeat the base style sheet (which doesn't have an MQ) in the conditional comment and I have a separate link element for print styles, if I use one. Just out of curiosity, do you have a link to a site you've built using the techniques you mention? Specifically one with a print stylesheet? Like I said before, I'm considering re-factoring my code. It might help me to finalize my decision by seeing a real-world example built by someone on this list. :) Thanks again! Cheers, Micky __ 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/
Re: [css-d] Media query syntax when a separate style sheet is included
On Mon, Mar 18, 2013 at 1:44 PM, Micky Hulse mickyhulse.li...@gmail.com wrote: Hindsight is 20/20, and a part of me is wondering if I should re-factor my CSS to take the approach you mention. Doing so would solve two problems that I'm having: 2. I'd like to feed IE 8 a static view. Because I'm using the module approach above, it's impossible to feed IEs a specific stylesheet without re-writing or duplicating a lot of my CSS. Related to #2, is: * No JS overhead to juggle. I could just give old IEs the desktop view and be done with it. I'm really starting to dislike all the hoop jumping I'm having to go through to get respond.js to work (one huge gripe I have, is that I can't use more than one asset server. The CDN/X-Domain setup only works from main domain to asset domain, and does not allow for others.) Ok, back to work. Sorry for my rambling. :D Cheers, M __ 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/
Re: [css-d] ADMIN: link
ARGH. The customary kicking has been carried out, but as usual, it feels a bit like burning down the barn after the horse has already been shipped off to the glue factory. Or words to that effect. It comes as no real comfort that I've recently seen the same thing happen on other mailing lists, even ones with much more aggressive filtering (as in, stuff in addition to what you can do in MailMan) in place. It appears to be something we're going to have to live with, unless I start adding in really Draconian measures like requiring any mail from a yahoo.com account to be held for approval. No, I'm not going to do that. But I've been tempted. Anyway, sorry once more for the noise. Carry on. -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.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/
