Please use http://groups.google.com/group/sass-lang for sass-related discussions.
On May 25, 6:46 am, andrej <[email protected]> wrote: > Hey, > > I was wondering, why the following scss code (taken from homepage): > > /* style.scss */ > > @mixin rounded-top { > $side: top; > $radius: 10px; > > border-#{$side}-radius: $radius; > -moz-border-radius-#{$side}: $radius; > -webkit-border-#{$side}-radius: $radius; > > } > > #navbar li { @include rounded-top; } > #footer { @include rounded-top; } > > generates the following css code: > > /* style.css */ > > #navbar li { > border-top-radius: 10px; > -moz-border-radius-top: 10px; > -webkit-border-top-radius: 10px; } > > #footer { > border-top-radius: 10px; > -moz-border-radius-top: 10px; > -webkit-border-top-radius: 10px; } > > instead of: > > #navbar li, #footer {properties go here} > > ? > > When using the @extend rule this happens this way... > > Thanks and cheers, > > Andrej -- 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.
