calc не работает со стилусом и ворчанием

Я застрял с небольшой проблемой. Я пытаюсь использовать функцию calc в стилусе, но она не работает. Я всегда давал неверный вывод. Я использую grunt-contrib-stylus в средстве выполнения задач grunt.

когда я пишу, width: calc(100% - 100px); создается как width: calc(-300%);.

Я пробовал ширину: 'calc(100% - 100px)';, width: 'calc(100% \- 100px)';, width: calc(100% \- 100px);, но не работал. Также пробовал:

calc(unquote('50% - 390px'))
calc(50% \- 390px)

решение приведено на: https://github.com/stylus/stylus/issues/687 он дает calc(0) в качестве вывода.

Мой package.json содержит «grunt-contrib-stylus»: «~ 0.9.0». Любая помощь будет высоко оценена.


css stylus gruntjs
person No one    schedule 22.02.2018    source источник
comment
как насчет этого width "calc(100% - 100px)";   -  person Temani Afif    schedule 22.02.2018
comment
Тот же результат. вывод в виде: width: calc(100% - 100px);   -  person No one    schedule 22.02.2018
comment
Вы пробовали width calc(100% - 100px) (без двоеточия, без точки с запятой)?   -  person connexo    schedule 22.02.2018

Ответы (1)


arrow_upward
0
arrow_downward

Это известная проблема со стилусом. Использовать

calc(unquote('100% - 100px'))

https://github.com/stylus/stylus/issues/687

person connexo    schedule 22.02.2018
comment
Привет, извините за это, но я попробовал оба решения: calc(unquote('50% - 390px')) calc(50% \- 390px) оба дают calc(0) в качестве вывода. - person No one; 22.02.2018
comment
Тогда я предлагаю вам поднять это как проблему в репозиторий grunt-contrib-stylus github. - person connexo; 22.02.2018
comment
да, конечно. Я думал, что могу получить какое-то решение. Спасибо за предложение @connexo - person No one; 22.02.2018