SASS-də parametrlərdə dəyişənlər

Elə hallar olur ki, miksin və ya funksiya naməlum sayda parametr qəbul etməlidir. Bunun üçün SASS dilində "dəyişən parametrlər" və ya parametrlər ötürmək imkanı var, hansı ki, funksiyada və ya miksində sonuncu kimi göstərilir və qalan bütün ötürülən parametrləri siyahıda yığır.

Belə parametrlərdən sonra çoxnöqtə qoyulmalıdır. Aşağıdakı misala baxaq:

@mixin box-content-padding($padding...) {
	-moz-box-content-padding: $padding;
	-webkit-box-content-padding: $padding;
}
div {
	@include box-content-padding(0px 4px 5px 2px);
}

Kompilyasiya nəticəsi:

div {
	-moz-box-content-padding: 0px 4px 5px 2px;
	-webkit-box-content-padding: 0px 4px 5px 2px;
}

Dəyişən funksiya və ya miksina həmçinin adlandırılmış parametrlər də ötürülə bilər. Onlara müraciət etmək üçün keywords($args) funksiyasından istifadə olunur, hansı ki, onları uyğunluq kimi qaytarır adların ($ işarəsisiz) qiymətlərə.

@mixin common-colors($text-color, $background, $shadow) {
	color: $text-color;
	background-color: $background;
	box-shadow: $shadow;
}

$values: white, green, grey;

.primary {
	@include common-colors($values...);
}

$value-map: (text-color: black, background: grey, shadow: green);

.secondary {
	@include common-colors($value-map...);
}

Kompilyasiyadan sonra biz görəcəyik:

.primary {
	color: white;
	background-color: green;
	box-shadow: grey;
}

.secondary {
	color: black;
	background-color: grey;
	box-shadow: green;
}