Почему calc () показывает ошибки в файле CSS

Question

Работая на calc css, он корректно работает в браузере и файле sass. Но мой текстовый редактор показывает ошибку в файле CSS.

Это файл CSS (я использую код VS)

Answer 1

Вы нигде не определяете $gutter-horizontal, поэтому его значение не может быть использовано при расчете.Вам нужно инициализировать эту переменную следующим образом:

$gutter-horizontal: '12px';

Обратите внимание, что calc() не будет работать правильно с Sass, и для этого вам нужно будет интерполировать переменную:

width: calc((100% - #{$gutter-horizontal}) / 2)

Кроме того, подавляющее большинство вашего CSS не будет компилироваться, так как вы предварительно обработали SASS в .css файле.Вы можете преобразовать его в обычный CSS с помощью онлайн-инструмента, такого как SassMeister (или просто изменить расширение файла на .scss, если ваш проект может скомпилировать SASS).

Answer 2

ваш файл - css, ваш синтаксис - для какого-то препроцессора, такого как sass или менее