Size: a a a

Nuxt.js — русскоговорящее сообщество

2021 January 27

SL

Sergey Leleko in Nuxt.js — русскоговорящее сообщество
Виталий Шутов
Изучите лучше Tailwind
А вот эта штука любопытная
источник

KG

Kirill Galimov in Nuxt.js — русскоговорящее сообщество
Привет, подскажите как с библиотекой @nuxtjs/svg-sprite менять цвет SVG через класс?
У меня допустим есть простенькая SVG с одним path stroke, по дефолту черная. Я хочу создать класс .icon-white и задавать его для <svg-icon />, но это не работает. Почему?)
источник

СМ

Сергей Миртов... in Nuxt.js — русскоговорящее сообщество
Kirill Galimov
Привет, подскажите как с библиотекой @nuxtjs/svg-sprite менять цвет SVG через класс?
У меня допустим есть простенькая SVG с одним path stroke, по дефолту черная. Я хочу создать класс .icon-white и задавать его для <svg-icon />, но это не работает. Почему?)
В самой иконке нужно выпилить заливку, и в свойстве стилей svg {stroke: $c-white}
источник

СМ

Сергей Миртов... in Nuxt.js — русскоговорящее сообщество
Kirill Galimov
Привет, подскажите как с библиотекой @nuxtjs/svg-sprite менять цвет SVG через класс?
У меня допустим есть простенькая SVG с одним path stroke, по дефолту черная. Я хочу создать класс .icon-white и задавать его для <svg-icon />, но это не работает. Почему?)
код иконки скинь
источник

KG

Kirill Galimov in Nuxt.js — русскоговорящее сообщество
Сергей Миртов
В самой иконке нужно выпилить заливку, и в свойстве стилей svg {stroke: $c-white}
А если у меня 100+ иконок уже есть, мне для каждой вручную выпиливать из нее заливку?
источник

СМ

Сергей Миртов... in Nuxt.js — русскоговорящее сообщество
Kirill Galimov
А если у меня 100+ иконок уже есть, мне для каждой вручную выпиливать из нее заливку?
да
источник

KG

Kirill Galimov in Nuxt.js — русскоговорящее сообщество
Сергей Миртов
код иконки скинь
источник

СМ

Сергей Миртов... in Nuxt.js — русскоговорящее сообщество
Kirill Galimov
А если у меня 100+ иконок уже есть, мне для каждой вручную выпиливать из нее заливку?
ну или напиши утилитку, которая выпилит за тебя)
источник

KG

Kirill Galimov in Nuxt.js — русскоговорящее сообщество
Сергей Миртов
да
Ну и дрочь, извините
источник

AG

Anton Golovanov in Nuxt.js — русскоговорящее сообщество
Kirill Galimov
А если у меня 100+ иконок уже есть, мне для каждой вручную выпиливать из нее заливку?
Можно фильтром в стилях цвета менять, если они все одного цвета.
источник

СМ

Сергей Миртов... in Nuxt.js — русскоговорящее сообщество
Kirill Galimov
Ну и дрочь, извините
источник

СМ

Сергей Миртов... in Nuxt.js — русскоговорящее сообщество
Kirill Galimov
Ну и дрочь, извините
можно перегрузить svgo так, чтобы он сам выпилил fill и stroke
источник

KG

Kirill Galimov in Nuxt.js — русскоговорящее сообщество
Сергей Миртов
можно перегрузить svgo так, чтобы он сам выпилил fill и stroke
inlineStyles.active = true
Это ты про эту строку?
источник

KG

Kirill Galimov in Nuxt.js — русскоговорящее сообщество
Или ты имеешь ввиду свою функцию написать?
источник

СМ

Сергей Миртов... in Nuxt.js — русскоговорящее сообщество
// Enable removeAttrs plugin
 // Remove id attribute to prevent conflict with our id
 removeAttrs.active = true
 removeAttrs.params.attrs = 'svg:id'
источник

СМ

Сергей Миртов... in Nuxt.js — русскоговорящее сообщество
Kirill Galimov
Или ты имеешь ввиду свою функцию написать?
Я уверен, прочитав документацию - у тебя получится
источник

KG

Kirill Galimov in Nuxt.js — русскоговорящее сообщество
Сергей Миртов
Я уверен, прочитав документацию - у тебя получится
Спасибо, буду разбираться
источник

V💊

Vladimir 💉 💊 Voytenk... in Nuxt.js — русскоговорящее сообщество
и никто не сказал про currentColor :)
источник

V💊

Vladimir 💉 💊 Voytenk... in Nuxt.js — русскоговорящее сообщество
странно
источник

A

Arti 🦠 in Nuxt.js — русскоговорящее сообщество
Vladimir 💉 💊 Voytenko
и никто не сказал про currentColor :)
Удивительно, что хоть кто то знает об этом
источник