Kintamieji parametrai SASS

Būna situacijų, kai mišinys arba funkcija turi priimti nežinomą parametrų skaičių. Tam SASS kalboje yra galimybė perduoti "kintamuosius parametrus" arba parametrus, kurie nurodomi paskutiniai funkcijoje arba mišinyje ir sudeda visus kitus perduotus parametrus į sąrašą.

Po tokių parametrų reikia dėti daugtaškį. Panagrinėkime tokį pavyzdį:

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

Kompiliavimo rezultatas:

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

Į kintamuosius funkcijos ar mišinio parametrus taip pat galima perduoti pavadintus parametrus. Kad prie jų būtų galima kreiptis, naudojama funkcija keywords($args), kuri grąžina juos kaip atitikmenį pavadinimų (be ženklo $) reikšmėms.

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

Po kompiliavimo pamatysime:

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

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