Программирование [protailwind] Стратегия работы с несколькими темами в Tailwind (2023)

[Red Sun]

[protailwind] Стратегия работы с несколькими темами в Tailwind (2023)

В этом мастер-классе мы исследуем лучший способ поддержки продвинутой темизации, превосходящей темный режим. Вашей новой суперсилой станет способность внедрить поддержку множества тем в любой новый или существующий проект с использованием Tailwind CSS.

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

Темы, которые мы рассмотрим

Вместе мы пошагово создадим стратегию

1. Определение цветов как CSS-переменных
2. Генерация новых классов утилиты для цветов, поддерживающих темизацию
3. Создание плагина Tailwind CSS, который оркестрирует нашу стратегию
4. Поддержка вложенных объектов с темами цветов
5. ...и многое другое!

К концу этого семинара вы:

• Поймете, как использовать области видимости CSS для создания иерархии темизации. Эта суперсила делает возможной создание реализаций темизации только с использованием CSS.
• Воспользуетесь API плагинов Tailwind CSS для упаковки всех компонентов реализации темизации. API плагинов открывает перед вами полную мощь JavaScript для создания сложных и многоразовых функций CSS.

Материал на английском языке

Подробнее:

Tailwind Multi-Theme Strategy Workshop

Level-up on advanced Tailwind concepts and patterns. Power-up with multi-theme, multi-style and multi-project UI components.

www.protailwind.com

Скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.