Namespaces i LESS
Det kan ske, at du har to forskellige mixins med samme navn, men placeret i forskellige blokke:
#block1 {
.button {
border: 1px solid black;
}
}
#block2 {
.button {
width: 100px;
}
}
I så fald siges det, at disse mixins tilhører forskellige namespaces. For at bruge en sådan mixin, skal du udover dens navn også angive selektoren for den overordnede blok.
Lad os bruge den første mixin:
.test {
#block1 > .button;
}
Og nu den anden:
.test {
#block2 > .button;
}
Forklar, hvad resultatet af kompileringen af følgende kode vil være:
#block1 {
.mix {
width: 100px;
}
}
#block2 {
.mix {
height: 200px;
}
}
.test {
#block1 > .mix;
#block2 > .mix;
}
