ცვლადები პარამეტრებში 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;
}