deprime

deprime

Software engineer, Depri me
Пикабушник
Дата рождения: 14 октября
209 рейтинг 0 подписчиков 25 подписок 4 поста 1 в горячем
Награды:
10 лет на Пикабу
1

Зачем тебе разборки Ирана и США когда...

В Diablo 4 стартует Сезон Мясника 🔪 с кроссовером Doom 🛡️

Blizzard представила новый сезон для Diablo IV под названием «Сезон Мясника». Он стартует 11 марта и принесет игрокам ряд новых механик, предметов и событий, включая возможность впервые в истории серии играть за культового Мясника.

Главной особенностью сезона - механика превращения в Мясника. Игроки смогут принять форму чудовища и использовать его уникальные способности вроде атак, рывков и крюка, которым можно притягивать врагов к себе.

В рамках сезона в игре появится кроссовер с DOOM: The Dark Ages. Игроки смогут получить тематические косметические предметы, включая оружие и трофеи, за участие в специальном событии.

Наш уютный ТГ с розыгрышами игр

Показать полностью 1
6

Переезд с 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, я так и не понял. Надеюсь, кому-то пригодится данная заметка.

Показать полностью
Отличная работа, все прочитано!

Темы

Политика

Теги

Популярные авторы

Сообщества

18+

Теги

Популярные авторы

Сообщества

Игры

Теги

Популярные авторы

Сообщества

Юмор

Теги

Популярные авторы

Сообщества

Отношения

Теги

Популярные авторы

Сообщества

Здоровье

Теги

Популярные авторы

Сообщества

Путешествия

Теги

Популярные авторы

Сообщества

Спорт

Теги

Популярные авторы

Сообщества

Хобби

Теги

Популярные авторы

Сообщества

Сервис

Теги

Популярные авторы

Сообщества

Природа

Теги

Популярные авторы

Сообщества

Бизнес

Теги

Популярные авторы

Сообщества

Транспорт

Теги

Популярные авторы

Сообщества

Общение

Теги

Популярные авторы

Сообщества

Юриспруденция

Теги

Популярные авторы

Сообщества

Наука

Теги

Популярные авторы

Сообщества

IT

Теги

Популярные авторы

Сообщества

Животные

Теги

Популярные авторы

Сообщества

Кино и сериалы

Теги

Популярные авторы

Сообщества

Экономика

Теги

Популярные авторы

Сообщества

Кулинария

Теги

Популярные авторы

Сообщества

История

Теги

Популярные авторы

Сообщества