Re: [css-d] Media query syntax when a separate style sheet is included

2013-03-18 Thread Micky Hulse
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

Re: [css-d] Media query syntax when a separate style sheet is included

2013-03-18 Thread Micky Hulse
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

Re: [css-d] Media query syntax when a separate style sheet is included

2013-03-16 Thread Philippe Wittenbergh
Le 16 mars 2013 à 14:08, Micky Hulse mickyhulse.li...@gmail.com a écrit : On Fri, Mar 15, 2013 at 11:38 AM, Micky Hulse mickyhulse.li...@gmail.com wrote: Oh, that's good to know. I did not realize that this was the case. I probably read some misinformation somewhere (or I did not fully

Re: [css-d] Media query syntax when a separate style sheet is included

2013-03-16 Thread Tom Livingston
FWIW, I use MQs on link elements to load sheets. Then, for IE less than 9, I repeat the link elements without MQs inside a conditional comment to serve the desktop only layout to those browsers. This may be a little low-tech and it is a few more http requests, but I am not a fan of poly-filling

Re: [css-d] Media query syntax when a separate style sheet is included

2013-03-16 Thread Tom Livingston
— Sent from Mailbox for iPhone On Sat, Mar 16, 2013 at 8:32 AM, Tom Livingston tom...@gmail.com=mailto:tom...@gmail.com; wrote: FWIW, I use MQs on link elements to load sheets. Then, for IE less than 9, I repeat the link elements without MQs inside a conditional comment to serve the desktop

Re: [css-d] Media query syntax when a separate style sheet is included

2013-03-15 Thread Micky Hulse
Hi Philippe, many thanks again for the help! On Thu, Mar 14, 2013 at 8:10 PM, Philippe Wittenbergh e...@l-c-n.com wrote: Someone else should correct me, but IE 5.5+ supported the basic @media screen {} or @media print {} correctly. IE 5 for Mac OS X didn't though, but that browser is long

Re: [css-d] Media query syntax when a separate style sheet is included

2013-03-15 Thread Micky Hulse
On Thu, Mar 14, 2013 at 2:18 PM, Micky Hulse mickyhulse.li...@gmail.com wrote: For a while now, I've been writing 90% of my media query syntax like so: @media screen and (min/max-width) { ... } You know, it's strange ... It seems like everywhere I look people do: @media only screen and (x)

Re: [css-d] Media query syntax when a separate style sheet is included

2013-03-15 Thread Philippe Wittenbergh
Le 16 mars 2013 à 09:05, Micky Hulse mickyhulse.li...@gmail.com a écrit : Is this intentional, or a case of one person doing it one way first, and everyone copying from that one source until it becomes the norm default/example syntax? The copy/paste disease. Philippe -- Philippe Wittenbergh

Re: [css-d] Media query syntax when a separate style sheet is included

2013-03-15 Thread Tom Livingston
This may shed some light: http://stackoverflow.com/questions/8549529/what-is-the-difference-between-screen-and-only-screen-in-media-queries — Sent from Mailbox for iPhone On Fri, Mar 15, 2013 at 8:31 PM, Philippe Wittenbergh e...@l-c-n.com wrote: Le 16 mars 2013 à 09:05, Micky Hulse

Re: [css-d] Media query syntax when a separate style sheet is included

2013-03-15 Thread Philippe Wittenbergh
Le 16 mars 2013 à 09:37, Tom Livingston tom...@gmail.com a écrit : This may shed some light: http://stackoverflow.com/questions/8549529/what-is-the-difference-between-screen-and-only-screen-in-media-queries That stack overflow page refers to this passage in the MQ level 3 spec: The keyword

Re: [css-d] Media query syntax when a separate style sheet is included

2013-03-15 Thread Micky Hulse
Hi Tom and Philippe, thanks for the replies! Thanks for linkage Tom! The copy/paste disease. Ha! That's the term I was looking for! :D On Fri, Mar 15, 2013 at 7:44 PM, Philippe Wittenbergh e...@l-c-n.com wrote: I’ve always found that statement about the ‘only’ keyword in the CSS MQ spec

Re: [css-d] Media query syntax when a separate style sheet is included

2013-03-15 Thread Micky Hulse
On Fri, Mar 15, 2013 at 11:38 AM, Micky Hulse mickyhulse.li...@gmail.com wrote: Oh, that's good to know. I did not realize that this was the case. I probably read some misinformation somewhere (or I did not fully understand one of the articles I read) saying that @media print {} was IE9+

Re: [css-d] Media query syntax when a separate style sheet is included

2013-03-14 Thread Micky Hulse
Sorry, my subject line should read: Media query syntax when a separate *print* style sheet is included __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ --

Re: [css-d] Media query syntax when a separate style sheet is included

2013-03-14 Thread Philippe Wittenbergh
Le 15 mars 2013 à 06:18, Micky Hulse mickyhulse.li...@gmail.com a écrit : Heck, do I even need the all and bit at that point? @media (min/max-width) { … } I never use these 'screen', 'all', … media types ( OK, I'm lying… I only use them when strictly necessary, e.g only when I want the MQ

Re: [css-d] Media query syntax when a separate style sheet is included

2013-03-14 Thread Micky Hulse
Hi Philippe! Thank you so much for your CSS guru help, I greatly appreciate it. :) On Thu, Mar 14, 2013 at 7:00 PM, Philippe Wittenbergh e...@l-c-n.com wrote: I never use these 'screen', 'all', … media types ( OK, I'm lying… I only use them when strictly necessary, e.g only when I want the MQ

Re: [css-d] Media query syntax when a separate style sheet is included

2013-03-14 Thread Philippe Wittenbergh
Le 15 mars 2013 à 11:19, Micky Hulse mickyhulse.li...@gmail.com a écrit : 1. IIRC, I think I read somewhere that using a separate style sheet will allow support in older IEs (would the alternative be @media print { ... }? Is that the technique you use to keep your print/screen styles