Edit: Sorun XenForo kaynaklıymış, sorunu şu şekilde less kodlamasıyla çözdüm:

padding: ~"calc(3em - 3px) 0";

Merhaba arkadaşlar. Ufak bir calc sorunu yaşıyorum. Stack Overflow'u da kurcaladım ama net bir yanıt bulamadım.

Şöyle bir div'im var.

<div class="abc">
<div class="def"></div>
</div>

abc div'inin üst ve alt padding değerlerinin 3em + 3em olması gerekiyor. def div'inin ise üst ve alt 6px padding değerleri bulunuyor. Toplam ölçü (abc) 3em olacağı için abc div'ine altta gösterdiğim şekilde bir calc uygulayarak içteki 6px padding'i genel padding'den çıkarma yaparak net 3em yapmaya çalışıyorum ancak işlemiyor (daha doğrusu CSS'i uyguladıktan sonra front-end'de calc(-3em) olarak renderlanıyor).

Sebebi ne olabilir?

Uygulanan CSS:

padding-top: calc(3em - 6px);
padding-bottom: calc(3em - 6px);

Front-end'de renderlanan CSS:

padding-top: calc(-3em);
padding-bottom: calc(-3em);