Lessでcalcを使用して異なる単位の幅計算を完了

詳細
    CSSでは、calcの使用は簡単で、直接加減法をすればいいです(単位が違っても): 

div > span {
  width: calc(100% - 10px);
}

 
    しかし、Lessでは、このように書くことはできないか、予想される効果に達していないため、calcのパラメータをエスケープする必要があります.具体的な構文は以下の通りです.

div {
    > span {
        width:calc(~'100% - 10px');
    }
}

 
    また、calc関数でパラメータを使用することもできます.以下は複雑なものです.
 

@btnWidth: 40px;
div {
    > span {
        @pad: 10px;
        width:calc(~'(100% - @{pad})' - (@btnWidth * 2));
    }
}

    以上のコードはCSSにコンパイルされた後、以下のようになります.
 

div > span {
  width: calc((100% - 10px) - 80px);
}

  
参考記事:
LESS CSSのパーセントからピクセルからピクセルを減算する幅を計算します(Calculating width from percent to pixel then minus by pixel in LESS CSS)