Có thể quá tải mixin trong sass không?

Question

Hãy nói rằng bạn có một mixin cho bóng như ví dụ:

@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; 
} 

Có thể quá tải mixin rằng với một cái gì đó như:

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

Hoặc tôi phải sử dụng tên gọi khác nhau cho mixins?

Answer 1

Bạn không thể quá tải, nhưng thực tế thông thường là đặt giá trị mặc định.

/* 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

Nếu bạn cần tinh chỉnh một mixin nhà cung cấp hơi, bạn có thể sao chép nó vào tập tin khác - bao gồm sau khi bản gốc - và chỉnh sửa nó trong đó, và của nhà cung cấp ban đầu sẽ bị bỏ qua.

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

Warning - điều này có thể phụ thuộc vào bộ xử lý bạn đang sử dụng. Tại thời điểm viết nó hoạt động tuyệt vời sử dụng grunt và grunt-contrib-compass

Answer 3

@ numbers1311407 giải pháp là đúng, nhưng bạn có thể sử dụng các chỉ thị @each để tạo ra một mixin ngắn:

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