Just a quick question about the above that has been buzzing around our office today.
I am fairly new to LESS and very new to BEM methodology so wanted to bounce the idea off some experts to find out pros/cons. The idea being this:
If I write using the BEM methodology in LESS I can write like this:
block {
&__element {
&--modifier-one {
color: red;
}
&--modifier--two {
color: blue;
}
}
}
that will compile to:
block__element--modifier-one {
color: red;
}
block__element--modifier-two {
color: blue;
}
Now to me that seems like a nice way of writing it within less and it will also make it easier to maintain in the long run but a quick web search hasn’t bought anything up and that makes me worry that I have overlooked something very important!
What do you guys think?
