deprime
Software engineer, Depri me
поставил
4938 плюсов и 117 минусов
263
рейтинг
0 подписчиков
26 подписок
6 постов
1 в горячем
Награды:
Потенциал соцсети - это пользователи
Потенциал соцсети - 🧒 пользователи.
Вместо бу-бу-бу просто снести страницу 🙌
Зачем тебе разборки Ирана и США когда...
В Diablo 4 стартует Сезон Мясника 🔪 с кроссовером Doom 🛡️
Blizzard представила новый сезон для Diablo IV под названием «Сезон Мясника». Он стартует 11 марта и принесет игрокам ряд новых механик, предметов и событий, включая возможность впервые в истории серии играть за культового Мясника.
Главной особенностью сезона - механика превращения в Мясника. Игроки смогут принять форму чудовища и использовать его уникальные способности вроде атак, рывков и крюка, которым можно притягивать врагов к себе.
В рамках сезона в игре появится кроссовер с DOOM: The Dark Ages. Игроки смогут получить тематические косметические предметы, включая оружие и трофеи, за участие в специальном событии.
Наш уютный ТГ с розыгрышами игр
Показать полностью
1
Переезд с tailwind 3 на tailwind 4
Недавно обновляли корпоративную дизайн систему. Кроме чистки компонентов и их упрощения решили переехать с tailwind 3 на tailwind 4. В качестве сборщика у нас Vite, фреймворк Svelte.
В предыдущей версии компонентов мы не скупясь писали блоки стилей прямо в компонентах, применяя функцию tailwind @apply - это сильно причёсывает код в плане чистоты, как шаблона, так и чистоты стилей.
Стартанули мигрирование, прогнали миграционную утилиту от tailwind, все по православному, но - при запуске apply не работал и tw классы не резолвились. Пошли читать доку, вычислили новые правила про вызов функции @reference в каждом блоке стилей в компоненте. НО блэ, в доке приводят примеры:
либо ссылаемся относительным путём к своему конфигу tailwind @reference "../../app.css"
либо красиво и лаконично @reference "tailwindcss" - но тогда твой конфиг отваливается, корпоративные токены и вся прочая мишура остаётся за бортом.
Пошел гуглить, ведь наверняка есть варианты создать свой алиас, чтобы не писать относительные пути. Wasted несколько часов и стаканов кофе, чтобы найти решение в дебатах на github.
Добавляем в конфиг фреймворка алиас:
alias: {'corp-tailwind': './src/corp-tailwind.css'
},
В компонентах в блоке стилей пишем (у нас scss):
<style scoped lang="scss">
@ import "corp-tailwind" reference;
...
</style>
Почему такой пример нельзя было привести в документации tailwind, я так и не понял. Надеюсь, кому-то пригодится данная заметка.
Показать полностью
