SASS'теги өзгөрмөлөрдүн жана мазмун блогунун көрүнүш аянты

Мазмун блогун миксинге өткөргөндө, алардын көрүнүш аянты миксин эмес, блогдун анык орнотулган жери менен аныкталат. Демек, биз миксиндин жергиликтүү өзгөрмөлөрүн колдоно албайбыз берүүчү мазмун блогунда, ал гана иштей алат жалпы өзгөрмөлөр менен.

Төмөнкү мисалды карап көрөлү:

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

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

Компиляциянын натыйжасы:

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

Төмөнкү коддун компиляция натыйжасы кандай болорун айтып бериңиз:

$color: yellow;

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

Төмөнкү коддун компиляция натыйжасы кандай болорун айтып бериңиз:

$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;
	}
}

Төмөнкү коддун компиляция натыйжасы кандай болорун айтып бериңиз:

$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;
	}
}