Software Dev Blog

Software Dev Blog

by Ash Grennan - Software Developer based in Burnley.

Writing in BEM using LESS

This is something I found myself thinking about when using the Block Element Module (BEM) methodology when coding using the preprocessor LESS.

I like this for the follow reasons:

The Code

block {
&__element {
&--modifier-alpha {
color: blue;
}
&--modifier--beta {
color: green;
}
}
}

So the compiled elements would look like this:

block__element--modifier-alpha {
color: blue;
}
block__element--modifier-beta {
color: green;
}

Comments