Menné priestory v LESS
Môže sa stať, že máte dva rôzne mixiny s jedným menom, ale umiestnené v rôznych blokoch:
#block1 {
.button {
border: 1px solid black;
}
}
#block2 {
.button {
width: 100px;
}
}
V takom prípade hovoríme, že tieto mixiny patria do rôznych menných priestorov. Ak chcete použiť takýto mixin, okrem jeho mena musíte tiež uviesť selektor nadradeného bloku.
Poďme použiť prvý mixin:
.test {
#block1 > .button;
}
A teraz druhý:
.test {
#block2 > .button;
}
Povedzte, aký bude výsledok kompilácie nasledujúceho kódu:
#block1 {
.mix {
width: 100px;
}
}
#block2 {
.mix {
height: 200px;
}
}
.test {
#block1 > .mix;
#block2 > .mix;
}
