Tailwind Multi-Theme Strategy
В этом мастер-классе мы исследуем лучший способ поддержки продвинутой темизации, превосходящей темный режим. Вашей новой суперсилой станет способность внедрить поддержку множества тем в любой новый или существующий проект с использованием Tailwind CSS.
К концу мастер-класса у вас будет полностью функциональный плагин для Tailwind CSS, который способен добавить поддержку множества тем в любой проект, использующий Tailwind CSS. Ваша команда сможет многократно использовать этот плагин в различных проектах, экономя часы разработки.
Темы, которые мы рассмотрим
Вместе мы пошагово создадим стратегию
К концу этого семинара вы:
Поймете, как использовать области видимости CSS для создания иерархии темизации. Эта суперсила делает возможной создание реализаций темизации только с использованием CSS.
Воспользуетесь API плагинов Tailwind CSS для упаковки всех компонентов реализации темизации. API плагинов открывает перед вами полную мощь JavaScript для создания сложных и многоразовых функций CSS.
Овладейте искусством использования Tailwind CSS.Поднимитесь на более высокий уровень, изучив продвинутые концепции и шаблоны Tailwind. Освоитесь с многочисленными темами, стилями и компонентами пользовательского интерфейса для различных проектов.
protailwind.com (Simon Vrachliotis)
На этом мастер-классе вы узнаете, как наилучшим образом создавать и управлять несколькими вариантами стилей для ваших компонентов пользовательского интерфейса, используя Tailwind CSS.Движок Just-in-Time в Tailwind CSS не поддерживает динамические имена классов. Это приводит к чрезмерно сложным условным операторам и вложенным тернарным операторам, которые трудно отслеживать и еще сложнее добавлять новые варианты На протяжении этого мастер-кла
