margin-top: calc(50% - 20px);

とか書くと、LESSがコンパイル時に単位を無視して50% - 20pxを計算してしまい、

margin-top: calc(30%)

という結果が出力される。

calcは基本、単位の違うものを計算するときに使うのでこれでは困る。

コンパイルせずに出力する方法は以下

margin-top: calc(~"50% - 20px");

~""で囲った部分がコンパイルされずに出力される。