Please use http://groups.google.com/group/sass-lang for sass-related
discussions.
On May 25, 6:46 am, andrej <weiterge...@googlemail.com> 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 haml@googlegroups.com.
To unsubscribe from this group, send email to haml+unsubscr...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/haml?hl=en.
