One issue that's come up a couple times in recent messages to this list is at-rules. More specifically, the issue that Sass doesn't support any CSS at-rule other than import. @import was handled in a somewhat generalizable way, but Sass expected to be able to understand each possible rule. Because only @import was coded in, everything else raised a syntax error.
No longer. As of revision 583, Sass trunk has full support for every at-rule. They aren't all hard-coded; rather, if the when the parser sees an at-rule it doesn't recognize, it'll render it in a predictable way that should encompass everything you might want to do. This is a little tricky, because at-rules have several different syntaxes. Some, like @charset, are just a semicolon-ended line of text. For these, you write the corresponding line in Sass (without the semicolon, of course): /* Sass @charset "UTF-8" /* CSS */ @charset "UTF-8"; Some at-rules, like @font-face, have syntax just like a normal CSS rule. They're also defined the same way in Sass: /* Sass @font-face :font-family snazzy :src url(http://haml.hamptoncatlin.com/fonts/snazzy.ttf) /* CSS */ @font-face { font-family: snazzy; src: url(http://haml.hamptoncatlin.com/fonts/snazzy.ttf); } The trickiest syntax is when at-rules like @media have sub-rules. However, these work as you'd expect as well: /* Sass @media print #main :background-color transparent img.banner :display none /* CSS */ @media print { #main { background-color: transparent; } img.banner { display: none; } } Of course, all the outputs look different with different :style options. Enjoy! --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
