SASS даги параметрлардаги ўзгарувчилар

Миксин ёки функция номаълум сондаги параметрларни қабул қилиши керак бўлган вазиятлар бўлиши мумкин. Шунинг учун SASS тилида "ўзгарувчи параметрлар" ёки функция ёки миксинда охирги ўринда кўрсатиладиган ва қолган барча параметрларни рўйхатга жамловчи параметрларни uzatish имконияти мавжуд.

Бундай параметрлардан кейин кўп нуқта қўйилади. Келтирилган мисолни кўриб чиқайлик:

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

Функция ёки миксиннинг ўзгарувчи параметрларига номланган параметрлар ҳам uzatish мумкин. Уларга мурожаат қилиш учун 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;
}