¿Es posible sobrecargar las mezclas en sass?

Question

Digamos que usted tiene un mixin de sombra como por ejemplo:

@mixin box-shadow($offset, $blur, $color) 
{ 
    -moz-box-shadow: $offset $offset $blur $color; 
    -webkit-box-shadow: $offset $offset $blur $color; 
    box-shadow: $offset $offset $blur $color; 
} 

¿Es posible sobrecarga que mixin con algo como:

@mixin box-shadow($offset, $blur) 
{ 
    @include box-shadow($offset, $blur, #999); 
} 

O tengo que usar distintos nombres para los mixins?

Answer 1

No se puede sobrecargar, pero la práctica habitual sería establecer los valores predeterminados.

/* this would take color as an arg, or fall back to #999 on a 2 arg call */ 
@mixin box-shadow($offset, $blur, $color: #999) { 
    -webkit-box-shadow: $offset $offset $blur $color; 
    -moz-box-shadow: $offset $offset $blur $color; 
    box-shadow: $offset $offset $blur $color; 
} 

Answer 2

Si necesita modificar un poco mixin proveedor puede copiarlo a otro archivo - incluida después de la original - y editarlo allí, y se ignorará original del proveedor.

@import "_their-mixins"; 
@import "_our-mixins"; 

Advertencia - esto puede depender de qué procesador que está utilizando. Al momento de escribir funciona muy bien usando grunt y grunt-contrib-compass

Answer 3

@ numbers1311407 solución es correcta, pero se puede usar la directiva @each para crear un mixin más corto:

@mixin box-shadow($offset, $blur, $color: #999) { 
    @each $prefix in -moz-, -webkit-, null { 
    #{$prefix}box-shadow: $offset $offset $blur $color; 
    } 
}