LESSのmixinで特定の場所だけに!imporantをつける

そもそも!importantなんてつけないで済むほうがいいのですが、元のmixinに書かなくてもできたのでメモ。

LESS

.foo(@color: #333) {
    color: @color;
} 
.bar {
    .foo() !important;
}

CSS

.bar {
    color: #333 !important;
}

上記のmixinのcolor:@colorの箇所に!importantをつけなくても、mixinを使用する際に!importantをつければその箇所だけ付与してくれます。