სახელთა სივრცეები LESS-ში

შეიძლება ისე იყოს, რომ თქვენ გაქვთ ორი განსხვავებული მიქსინი ერთი სახელით, მაგრამ განლაგებული სხვადასხვა ბლოკში:

#block1 {
	.button {
		border: 1px solid black;
	}
}
#block2 {
	.button {
		width: 100px;
	}
}

ასეთ შემთხვევაში ამბობენ, რომ ეს მიქსინები ეკუთვნის სხვადასხვა სახელთა სივრცეს. რომ გამოვიყენოთ ასეთი მიქსინი, მისი სახელის გარდა ასევე უნდა მივუთითოთ მშობელი ბლოკის სელექტორი.

გამოვიყენოთ პირველი მიქსინი:

.test {
	#block1 > .button;
}

ახლა კი მეორე:

.test {
	#block2 > .button;
}

ამოხსენით, რა იქნება შემდეგი კოდის კომპილაციის შედეგი:

#block1 {
	.mix {
		width: 100px;
	}
}
#block2 {
	.mix { 
		height: 200px;
	}
}

.test {
	#block1 > .mix;
	#block2 > .mix;
}