変数と文字列の連結

変数と文字列を連結するには@{ }を使うといい。

.background (@number) {
  background: url('../img/bg@{number}.png') 70px 65px no-repeat;
  background-size: 100px 80px;
}

とすると、

.background(1);

という風に書ける。

勿論、

.background (@img) {
  background: url(@img) 70px 65px no-repeat;
  background-size: 100px 80px;
}

.background('..img/hoge.png');

としてもよい。

LESSで文字列連結はできますか？ - QA@IT