Не отображаются иконки в формате svg

Форум /

Использую и работаю в исходниках project-stub. Есть блок с названием advantages. У него есть элемент 'icon' с модификатором 'type'. В папке _type лежат иконки(svg) и css файлы с путями до иконок. Пример:

/* advantages__icon_type_innovation.css */
.advantages__icon_type_innovation {
    background-image: url(innovation.svg);
}

При сборке проекта и обновлении страницы, пути верные и нет ошибок. Но в иконках указан путь в формате: background-image: url(data:image/svg+xml;charset=US-ASCII......) И иконки не отображаются. Возможно ли, что не правильный способ кодирования svg и как бороться с этим? Стоит отметить, что с png всё работает.

7 years ago

tadatuta

Подозреваю, что виной всему postcss-url (https://github.com/bem/project-stub/blob/master/.enb/make.js#L19).

Если переключить эту опцию на rebase (require('postcss-url')({ url: 'rebase' })), станет ли лучше?

7 years ago

sinitsyn-alex

Действительно стало лучше. Теперь всё работает, большое спасибо за ответ!

Чтобы оставлять комментарии, необходимо авторизоваться.