Я хочу использовать пользовательское свойство css для хранения URL-адреса изображения. Следующее работает нормально, если я использую только css:
html {
--header-logo-img: url('/static/assets/images/logo.svg');
}
когда я использую то же самое в файле scss и компилирую его с помощью sass, я получаю сообщение об ошибке:
Строка 2: Недопустимый CSS после "...ader-logo-img: ": ожидаемый "}", был "url('/static/as...").
В моем файле scss больше ничего нет. (Я пробовал это и с файлом .sass, тот же результат).
Проблема возникает только в сочетании с url. Присвоение значения цвета или что-то в этом роде работает нормально.
Новости: Оказывается, ошибка появляется только в том случае, если путь указан в двойных или одинарных кавычках. Это компилируется счастливо:
html {
--header-logo-img: url(/static/assets/images/logo.svg);
}
Остается вопрос: почему sass не любит здесь кавычки? (Возможно, я должен добавить, что я на sass 3.5.1.)