Certainly, in precisely the way I'd think would be expected. Here's an example: http://gist.github.com/340432
On Mon, Mar 22, 2010 at 12:01 PM, Charles Roper <[email protected]>wrote: > Is it possible to do Media Queries using Sass? > > http://reference.sitepoint.com/css/mediaqueries > http://www.w3.org/TR/css3-mediaqueries/ > > With the advent of iPhone and iPad, they're becoming increasingly > useful. For an example in the wild, have a look at this: > > http://workshopsfortheweb.com/ > > Narrow your browser window to see the design dynamically change based > on the size of the viewport. The CSS that does that looks like this: > > @media all and (max-width: 1024px) { > .content { > width: 85%; > } > } > > @media all and (max-width: 800px) { > .content { > width: auto; > } > .next .vevent { > padding-left: 0; > padding-right: 0; > } > section ul, > header.vevent hgroup, > header.vevent li, > #contact textarea, > #contact fieldset, > .home .workshops section, > .home .workshops section.ux { > width: 99%; > clear: both; > float: none; > padding-left: 0; > padding-right: 0; > margin-left: 0; > margin-right: 0; > } > } > @media all and (max-width: 640px) { > .site h1 { > font-size: 3em; > } > } > @media all and (max-width: 480px) { > .site h1 { > font-size: 2em; > } > } > > -- > You received this message because you are subscribed to the Google Groups > "Haml" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected] <haml%[email protected]>. > For more options, visit this group at > http://groups.google.com/group/haml?hl=en. > > -- You received this message because you are subscribed to the Google Groups "Haml" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/haml?hl=en.
