Именни пространства в 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;
}