Ошибка синтаксического анализа при попытке использовать тему() внутри calc()

Я использую Tailwind CSS с PostCSS через Gulp. Почти все отлично работает. Я пытаюсь ссылаться на значения из объекта темы конфигурации в моем CSS. Я могу сделать следующее просто отлично:

height: theme('spacing.12');

Однако, когда я пытаюсь использовать theme() внутри calc() (как в документации):

height: calc(100vh - theme('spacing.12'));

Я получаю сообщение об ошибке Parse от gulp-postcss ("Ожидается 'SUB', 'LPAREN'....")

Это ошибка Tailwind?


person jbyrd    schedule 16.09.2019    source источник


Ответы (1)


Оказывается, это была проблема в моей цепочке инструментов. В частности, я использовал пакет узла postcss-cssnext, который, как оказалось, устарел. Как только я удалил это из своего файла Gulp, ошибка исчезла:

введите здесь описание изображения

person jbyrd    schedule 18.09.2019