[CSS]LESSでの文字エスケープ

mayatasomayataso

例えば、LESSにてgrid layout利用時、以下のように書くと

item {
   grid-row: 1 / 3;
}

コンパイル時に勝手にcalcされて

    grid-row: 0.33333333;

こうなる。

/をエスケープする必要があるが、やり方は以下

ietm {
   grid-row: 1 e("/") 3;
}

ちなみに、SCSSでは以下のようにする。

item {
   grid-row: 1 #{'/'} 3;
}