SASS-də Miksin Parametrləri

SASS-də miksinlərin mühüm xüsusiyyəti ondan ibarətdir ki, onlar dəyişənləri parametrlər qəbul edir, hansı ki, dairəvi mötərizələr içərisində yazılır və, əgər bir neçə dəyişən varsa, onda onlar vergüllə ayrılır.

Aşağıdakı misalı nəzərdən keçirək:

@mixin active($color, $width) {
	border: {
		color: $color;
		width: $width;
		style: dotted;
	}
}
p {
	@include active(yellow, 2px);
}

Kompilyasiya nəticəsi:

p {
	border-color: yellow;
	border-width: 2px;
	border-style: dashed; 
}

Bundan əlavə, miksinlərə standart parametr qiymətləri ötürmək olar:

@mixin active($color,  $width: 2px) {
	border: {
		color: $color;
		width: $width;
		style: dotted;
	}
}
p {
	@include active(yellow);
}
div {
	@include active(yellow, 4px);
}

Kompilyasiyadan sonra biz görəcəyik:

p {
	border-color: yellow;
	border-width: 2px;
	border-style: dotted;
}
div {
	border-color: yellow;
	border-width: 4px;
	border-style: dotted;
}

Izah edin ki, aşağıdakı kodun kompilyasiya nəticəsi nə olacaq:

@mixin simple-border($padding-top, $padding-bottom) {
	border: {
		padding-top: $padding-top;
		padding-bottom: $padding-bottom;
		color: green;
	}
}
p {
	@include simple-border(10px, 30px );
}

Izah edin ki, aşağıdakı kodun kompilyasiya nəticəsi nə olacaq:

@mixin simple-border($padding-top, $padding-bottom: 20px) {
	border: {
	padding-top: $padding-top;
	padding-bottom: $padding-bottom;
	color: green;
	}
}
p {
	@include simple-border(10px);
}