TailwindCSS Avançado v4

Este workshop - TailwindCSS Avançado é ideal para quem já sabe TailwindCSS mas deseja aprender técnicas mais avançadas para aumentar a produtividade. Ele também é a continuação do Workshop TailwindCSS Básico que já foi realizado pelo Codante. O cronograma deste Workshop (TailwindCSS Avançado) está abaixo: Classes e Dicas Interessantes

• Peer, Group e Ina
• Arbitrary properties
• Arbitrary variants (como lidar com whitespace)
• Outras Classes que fazem "mágica":
• Regras do Tailwind

Diretivas e Funções

• Diretivas no TailwindCSS
• Diretiva `@theme` - Estendendo Temas
• Outras diretivas
• Funções do TailwindCSS

Dark mode com TailwindCSS

• Dark mode como variante
• Exercício

Trabalhando com Transições e Animações

• Transições
• Animações existentes
• Criando e registrando animações

Plugins do TailwindCSS: Tipografia e Forms

• Instalando Plugins
• Plugin de Formulário
• Plugin de Tipografia

Ferramentas importantes

• tailwind-merge
• `clsx` e `classn