SASS'тагы параметрлердеги өзгөрмөлөр

Миксин же функция белгисиз сандагы параметрлерди кабыл алууга мажбур болгон учурлар болот. Ошон үчүн SASS тилинде "өзгөрүлмө параметрлерди" же параметрлерди берүү мүмкүнчүлүгү бар, алар функциянын же миксиндин акыркылары катары көрсөтүлүп, калган бардык берилген параметрлерди тизмеге топтошот.

Мындай параметрлерден кийин үч чекит коюлушу керек. Төмөнкү мисалды карап көрөлү:

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

Компиляциянын натыйжасы:

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

Функциянын же миксиндин өзгөрмө параметрлерине аталышын берилген параметрлерди да берүүгө болот. Аларга киришүү үчүн keywords($args) функциясы колдонулат, бул функция аларды аттардын ($ белгисиз) маанилерге дал келүүсү катары кайтарат.

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

Компиляциядан кийин биз төмөнкүнү көрөбүз:

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

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