Как svg sprite подружить с sass переменными?

Genri_Rus, это лишь 5% того, что надо сделать.

Как svg sprite подружить с sass переменными?

Genri_Rus, нет. Сделать функцию, которая проходилась бы по всему массиву элементов и для каждого элемента брала значение из атрибута и вставляла нужную иконку. У вас получилась та же самая функция, что и написал и я. Просто выборка элементов не по классу, а по атрибуту.

Как решить баг со скроллом в safari?

webfln, опа, спасибо, попробую!

Как решить баг со скроллом в safari?

webfln, понимаю, иных решений нет. Мне интересно, что вы придумали в сочетании с JS.

Как решить баг со скроллом в safari?

webfln, да, понимаю, что вы о другом. Я знаю эту проблему, мол, фокус прокрутки соскакивает на слой ниже. И нужный слой нельзя прокрутить до тех пор, пока не завершится процесс анимации прокрутки. Из-за чего приходится отпускать палец и ждать.

Я просто привел пример иной проблемы Safari, которой и близко нет в иных браузерах. Safari косой браузер, мне он не нравится.

Решения вашей проблемы я не нашёл нормальной. Если у вас есть хоть какой-то костыль, то вы пришлите, пожалуйста.

Как решить баг со скроллом в safari?

webfln, например, я тоже только с помощью JS решил вопрос фиксации прокрутки с сохранением позиции:
Возможно ли запретить прокрутку в iOS Safari с сохранением текущего положения?

Выгодит как костыль, ибо усложнение на ровном месте. Но только так это работает, ибо это великий Safari.

Как решить баг со скроллом в safari?

webfln, вообще бесполезно. Если удалось что-то решить с помощью JS, то и слава богу. Никаких иных решений нет.

Как решить баг со скроллом в safari?

Нет решения. Эта проблема есть даже на сайте apple.com.

Эта проблема есть даже в приложении настроек, LOL! Когда приходит обновление системы, там есть окошко описания с прокруткой внутри общего окна — так там тоже эта проблема есть.

Словом, особенность реализации фокуса прокрутки.

-webkit-overflow-scroll: touch вообще глючная штука, которая плохо работает с fixed и transform.

Как сделать непрозрачность для сложных svg фигур?

Никита Полевой, при использовании #use CSS на :hover не работает в Chrome с такой конструкцией, а в Firefox работает:


Это и есть ограничения стилизации через #use.

Как сделать непрозрачность для сложных svg фигур?

xonar, я это уже предлагал.

Как сделать непрозрачность для сложных svg фигур?

Никита Полевой, я про стилизацию через CSS. Я уже приводил пример, что это не работает в Chrome. Я про правила типа svg:hover .class {}.

Как сделать непрозрачность для сложных svg фигур?

Genri_Rus, фух, ну что же такое. Даже обидно, что я столько писал в прошлом вопросе. Я тебе даже пример привёл. Через #use когда вставляешь, все эти манипуляции имеют ограничения, и работает это только в Firefox. Зачем ж ты по новой? :(

Как svg sprite подружить с sass переменными?

Genri_Rus, ...

У тебя уже есть переменная. Зачем её дублировать?



Вообще, тут нужна функция, которая бы принимала из каждого такого тега data-значение (а-ля <div class="icon" data-icon="menu-icon"></div>), искала бы нужную разметку в JS и вставляла её. Так можно держать кучи иконок и не делать это вручную. Я этим заниматься не буду.

Как svg sprite подружить с sass переменными?

Genri_Rus, ты разметку, судя по всему, не смотришь, совсем. Вставляешь SVG в SVG.



Или вставляй всю разметку SVG в блок, а не внутренности отдельно. Словом, извини, но мне уже лень участвовать, поэтому, если что не так, ты, надеюсь, разберёшься.

Фотошоп, иллюстратор, два вопроса, печать и как перенести вектор из фотошопа в иллюстратор без потери?

Антон Вебсайтовский, кисти — инструмент brush в Photoshop. Они там растровые. В Illustrator аналогичный инструмент генерирует векторные формы. Как я и сказал, я без понятия, как вы делали ваш логотип, из чего там состоит ваша белка, листики и пр.

Если вы делали всё через shapes, то в вектор это экспортировать с помощью Photoshop — возможно. Если нет — то нет.

Как svg sprite подружить с sass переменными?

Genri_Rus, мужик, ну вставь ты, господи, просто разметку SVG внутрь блока.

Как svg sprite подружить с sass переменными?

Genri_Rus, напрямую вставь, а не через #use.

Как svg sprite подружить с sass переменными?

Genri_Rus, он не для этого предназначен.

Как svg sprite подружить с sass переменными?

Genri_Rus, и смысл? Качество не упадёт, просто они тоже будут одноцветными, ибо они состоят из одного пути.

Как svg sprite подружить с sass переменными?

Genri_Rus, да. Грузите файл JS, LOL. Или просто одну иконку вставьте напрямую.