Upeo wa Kuonekana wa Vigezo na Vitalu vya Yaliyomo katika SASS

Wakati wa kupeana vitalu vya yaliyomo kwenye mchanganyiko, upeo wao wa kuonekana unabadilishwa na mahali maalum kilichowekwa kizuizi, sio mchanganyiko. Kwa hivyo, hatuwezi kutumia vigezo vya ndani vya mchanganyiko kwenye kizuizi kilichopitishwa cha yaliyomo, ambacho kitaweza kufanya kazi na vigezo vya ulimwengu pekee.

Tuzingatie mfano ufuatao:

$size: 14px;
	@mixin sizes ($size: 20px) {
		font-size: $size;
		padding: $size;
		@content;
}

.navbar {
	@include sizes {
		margin: $size;
	}
}

Matokeo ya ukusanyaji:

.navbar {
	font-size: 20px;
	padding: 20px;
	margin: 14px; 
}

Eleza, matokeo ya ukusanyaji yatakuwa nini kwa mfumo ufuatao wa msimbo:

$color: yellow;

@mixin links ($color: red) {
	background: $color;
	@content;
}

Eleza, matokeo ya ukusanyaji yatakuwa nini kwa mfumo ufuatao wa msimbo:

$color: yellow;
$size: 10px;

@mixin links ($color: red, $size: 12px) {
	background-color: $color;
	font-size: $size;
	@content;
}

.navbar {
	@include links {
		box-shadow: $color;
		padding: $size;
	}
}

Eleza, matokeo ya ukusanyaji yatakuwa nini kwa mfumo ufuatao wa msimbo:

$color: green;
$size: 6px;

@mixin links ($color: red, $size: 10px) {
	color: $color;
	font-size: $size;
	@content;
}

.navbar {
	@include links {
		border-color: $color;
		margin: $size;
	}
}

#active{
	@include links{
		background-color: $color;
		padding-top: $size;
		padding-bottom: $size * 2;
	}
}