Vigezo katika Vigezo katika SASS

Kuna hali ambapo mixin au funkcheni inapaswa kukubali idadi isiyojulikana ya vigezo. Kwa hili, lugha ya SASS ina uwezo wa kupitisha "vigezo mbadala" au vigezo, ambavyo huonyeshwa mwisho katika funkcheni au mixin na hufunga vigezo vyote vilivyopitishwa ndani ya orodha.

Baada ya vigezo kama hivyo, unahitaji kuweka nukta tatu. Tuchunguze mfano ufuatao:

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

Matokeo ya ukusanyaji:

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

Vigezo vya funkcheni au mixin pia vinaweza kupitisha vigezo vilivyopewa majina. Ili kuweza kuzirejelea, hutumia funkcheni keywords($args), ambayo hurudisha majina yake (bila ishara $) kama mlinganyo wa thamani.

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

Baada ya ukusanyaji tutaona:

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

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