CSS calc () написан по-другому - PullRequest
0 голосов
/ 29 октября 2018

У меня проблемы с функцией CSS calc() и минификатором CSS. В моем исходном файле .css у меня есть переменная

margin-left: calc(15px - 20%);

Однако, когда исходный файл переводится с помощью минификатора, я получаю вывод

margin-left: calc(-20%+15px);

И это значение не может быть правильно прочитано в веб-браузере - все, что я вижу в параметрах Chrome dev, это margin-left: calc (-20% + 15px); , с предупреждающим знаком рядом с это говорит "Неверное значение свойства".

Как мне избежать этого, может быть, написать функцию calc () по-другому, чтобы решить эту проблему? Изменение мест переменных в исходных файлах .css не вносит никаких изменений, и у меня нет возможности использовать другой минификатор.

1 Ответ

0 голосов
/ 29 октября 2018

Вы можете попытаться написать это так:

.box {
 margin-left: calc(-1*calc(20% - 15px));
}
<div class="box">
</div>
...