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

[Trinity]

[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.

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

Подробнее:

Для просмотра ссылок необходимо выполнить Вход или Регистрация

Скачать:

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