LESS and BEM experiment

1-source.less

#BEM {
    .glue(@glue, @selector, @styles) {
        &@{glue}@{selector} {
            @styles();
        }
    }
    .e(@name, @styles) {
        #BEM > .glue(__, @name, @styles);
    }
    .m(@name, @styles) {
        #BEM > .glue(--, @name, @styles);
    }
}

.my-block {
  #BEM > .m(~'red', {
      color: red;
  });
  #BEM > .e(~'link', {
      color: green;
      #BEM > .m(~'blue', {
          color: blue;
      });
  });
}

2-output.css

.my-block--red {
  color: red;
}
.my-block__link {
  color: green;
}
.my-block__link--blue {
  color: blue;
}