Mídia chamar Mixins com menos

Eu estava trabalhando fora desta página aqui:
http://www.iambacon.co.uk/blog/life-is-now-easier-create-media-query-mixins-with-rulesets-less-css

Eu queria criar funções responsivas que funcionassem bem com o bootstrap padrão col-xs-*e outros tamanhos, então pensei nisso:

.responsive(@maxWidth; @rules) {
    @media only screen and (max-width: @maxWidth) {
        @rules();
    }
}

.extraSmallScreen(@rules) {
    .responsive(480px, {
    @rules(); })
}

.smallScreen(@rules) {
    .responsive(768px, {
    @rules(); })
}

.mediumScreen(@rules) {
    .responsive(992px, {
    @rules(); })
}

.largeScreen(@rules) {
    .responsive(1200px, {
    @rules(); })
}

Uso:

@import "variables/myMediaCalls";

.extraSmallScreen({
  .myBox {
    width: 250px;
  }
});

Agora posso fazer chamadas de mídia ainda mais rápido.