Bir yarısı tam bir değişiklik olduğunu aşağıdaki Sass, kendisine dahil ederse, varÖrnek temsil etmek:

@mixin background-opacity($color, $opacity: .3) {
    background: rgb(200, 54, 54); /* The Fallback */
    background: rgba(200, 54, 54, $opacity);
} 

$opacity Tamam başvuru yaptım ama şimdi $color bölümü ile takıldım. Bu kendisine dahil ederse, içine göndereceğim renkleri HEX RGB değil.

Örnek kullanımı:

element {
    @include background-opacity(#333, .5);
}

Bu nasıl kendisine dahil ederse, içinde HEX değerleri kullanabilir miyim?

rgba() function tek bir onaltılık ondalık RGB değerleri renk de kabul edebilir. Örneğin, bu sadece iyi çalışır:

@mixin background-opacity($color, $opacity: 0.3) {
    background: $color; /* The Fallback */
    background: rgba($color, $opacity);
}

element {
     @include background-opacity(#333, 0.5);
}

Eğer RGB bileşenlerine onaltılık renk kırmak için gerekirse, olsa da,*,* 12*,* 11 blue() fonksiyonları bunu yapmak için kullanabilirsiniz:

$red: red($color);
$green: green($color);
$blue: blue($color);

background: rgb($red, $green, $blue); /* same as using "background: $color" */