Иконка из двух (трех...) контуров. Упакована в смарт.
Кликаем на смарте - Экспорт как - svg - получаем svg с base64 картинкой внутри.
Открываем смарт, выделяем оба контура, экспорт - получаем два отдельных файла с контурами. Один почему-то в png...
Пробуем объединить фигуры. Иногда получается, без пересеченных контуров. Чаще - херня. Тоже не годится.
Берем инструмент "Перо", выделяем все контуры, Ctrl+C
Переходим в люстру, ctrl+v. Класс! Наконец-то =) Рихтуем иконку, сохраняем в svg, радуемся.
Алексей Арх: Да, но есть нюанс =)
"паттерн", "пхп" и подобные визуально отличаются и не имеют аналогов в английском, тогда как кириллический набор букв (аббревиатурой-то не назовешь) "СЕО" абсолютно идентичен английскому "CEO". Возможно дело в этом, ибо другие кириллические написания английских слов или аббревиатур так не напрягают )
Александр: в самом npm нет никаких команд для сборки проектов. Как собрать проект знает лишь его разработчик, и именно он пишет разные сценарии сборки.
.parent() // один непосредственный родитель
.parents('.form-group') // все родители попадающие под селектор
.closest('.form-group') // этот ищет и вглубь и наружу
dev-dependencies - это как правило утилиты и инструменты
dependencies - это те пакеты, которые непосредственно исполняются в приложении.
Если мы говорим о frontend, то в первом случае это сборщики, линтеры, тест-раннеры, а во втором - библиотеки, фреймворки и т.п.
Сергей Горячев: нет. в html {} - 16px - это дефолтный размер шрифта в большинстве браузеров (может быть во всех, не знаю). Формула использована, чтобы задать рутовый шрифт в процентах от дефолтного.
Т.е. для изменения величины rem нужно поменять только переменную $root-font-size. Но это обычно не используется.
Я делаю примерно так
html {
font-size: ($root-font-size / 16px) * 100%;
@media (max-width: 768px) {
font-size: ($root-font-size / 16px) * 100% * 0.75; // Уменьшить rem на 25% в маленьких дисплеях
}
}
ага, щас!
Ищите сразу ИИ, который за вас сверстает =))
Нет, синтаксические ошибки-то, конечно, можно определить - IDE прекрасно их подсвечивает.
Стилевые несоответствия может линтер поймать.
Кликаем на смарте - Экспорт как - svg - получаем svg с base64 картинкой внутри.
Открываем смарт, выделяем оба контура, экспорт - получаем два отдельных файла с контурами. Один почему-то в png...
Пробуем объединить фигуры. Иногда получается, без пересеченных контуров. Чаще - херня. Тоже не годится.
Берем инструмент "Перо", выделяем все контуры, Ctrl+C
Переходим в люстру, ctrl+v. Класс! Наконец-то =) Рихтуем иконку, сохраняем в svg, радуемся.