PL
изменяемое значение в CSS Custom property и меняй себе потом в CSS
Size: a a a
2019 October 27
PL
но SVG обязательно в DOMе должен быть
PL
по ссылке момент в выступлении про переменные и svg
A
ibochkarev (131) увеличил карму lautsevich (1083.0)
Р
но SVG обязательно в DOMе должен быть
А как вставлять на страницу? Я сейчас использую laravel-mix + postcss, за основу взял ваш стартер кит
PL
в смысле как?
PL
если тебе нужна манипуляция с CSS или JS то прямо в разметку
PL
как SVG тэг
Р
Прям svg код скопировал и в .htm ?
Р
Это ж бардак в коде будет ужасный
NK
Прям svg код скопировал и в .htm ?
Если иконка кривая или импортированная через что-то - да будет ужасно, но минифай этого кода спасет.
Если иконка нормально сделана, то кода там не так много прибавится)
Если иконка нормально сделана, то кода там не так много прибавится)
Р
Если иконка кривая или импортированная через что-то - да будет ужасно, но минифай этого кода спасет.
Если иконка нормально сделана, то кода там не так много прибавится)
Если иконка нормально сделана, то кода там не так много прибавится)
Я просто думал должно быть как-то так:
1) кладешь иконку в папку dev
2) вебпак ее сжимает, оптимизирует и бросает в assets/images
3) на странице выводишь как-то так {{ "assets/images/img.svg"|theme|svg }}
1) кладешь иконку в папку dev
2) вебпак ее сжимает, оптимизирует и бросает в assets/images
3) на странице выводишь как-то так {{ "assets/images/img.svg"|theme|svg }}
Р
в смысле twig берет файл и вставляет <svg> на страницу
PL
тебе надо понять, что ты хочешь от SVG
PL
если нужна манипуляция им, то только в DOM
PL
вроде FF планировал или уже даже сделл вставку SVG через IMG и при этом делая доступным в DOM весь внутряк
Р
Пока я просто хочу попробовать svg вместо png/fontawesome. Максимум что нужно изменить цвет/изменить цвет при наведении
KM
Пока я просто хочу попробовать svg вместо png/fontawesome. Максимум что нужно изменить цвет/изменить цвет при наведении
Когда речь идёт об однотонных иконках(соц сети, стрелки и т.д) я собираю их в один svg, после вывожу через svg use (ie11 не поддерживает, но есть polyfill). Fill ставлю
currentColor и управляю цветом с помощью родителя.