Почему calc неправильно считает?

Question

[lookingfor2]

width: calc(100% - 135px);
Результатом является -35%
Понимаю, что величины разные, но почему порой нормально считает, а сейчас именно в моем случае, после компиляции с scss в css вот такой результат получается

Comments

[Ankhena]

Если в scss вы писали именно так: width: calc(100% - 135px);, то при компиляции, в конечном css, должно остаться ровно также.

Так что выкладывайте что и как именно вы пишете. Можно сюда codepen.io (он умеет удобненько показывать результат компиляции)

Answer 1

[lagudal]

Могу предположить, что в "вашем случае" в scss надо писать так:
width: ~"calc(100% - 135px)";

Comments

[lookingfor2]

Спасибо Вам большое

[Ankhena]

lookingfor2, а вы уверены, что у вас SCSS, а не LESS? )))) Так, судя по симптомам.

[lookingfor2]

Ankhena, сейчас посмотрел, именно он ) В scss таких проблем бы не было ?

[Ankhena]

lookingfor2,

В scss таких проблем бы не было ?

нет

[lookingfor2]

Ankhena, учту, спасибо
Я изначально думал , возможно, проблема в разных величинах

[Ankhena]

lookingfor2, нет, просто less сам считает то, что в calc. А чтобы он этого не делал, ему нужно сказать, что это строка.
А scss будет считать когда calc нету. width: 100px / 2 скомпилирует в 50px.

[lookingfor2]

Ankhena, Большое Вам спасибо, понял теперь