Fluid for Tailwind CSS
Fluido para Tailwind CSS - Estilos responsivos mais suaves com menos HTML. Um plugin de clamp fluido para Tailwind que utiliza suas escalas existentes.
Listado em categorias:
Experiência do usuárioFerramentas de desenvolvimentoFerramentas de design
Descrição
Um plugin fluido para Tailwind CSS que utiliza suas escalas existentes para estilos responsivos mais suaves em menos HTML.
Como usar Fluid for Tailwind CSS?
Para começar, instale o pacote fluidtailwind via npm e adicione o extrator personalizado ao seu arquivo de configuração do Tailwind. Em seguida, adicione as versões fluidas de todos os plugins principais habilitados. Você também pode converter tamanhos de tela e fonte para rem para maior compatibilidade. Use as classes fluidas com o prefixo 'fluid' para criar estilos responsivos suaves.
Recursos principais de Fluid for Tailwind CSS:
1️⃣
Suporta todos os plugins principais fora da caixa
2️⃣
Classes mais curtas do que breakpoints
3️⃣
Suporte total ao Intellisense
4️⃣
Garante que todo texto fluido atenda aos requisitos de acessibilidade
5️⃣
Vem com um método fluidize para adicionar versões fluidas de qualquer plugin personalizado
Por que usar Fluid for Tailwind CSS?
| # | Caso de uso | Status | |
|---|---|---|---|
| # 1 | Criação de estilos responsivos mais suaves | ✅ | |
| # 2 | Melhoria da acessibilidade do texto fluido | ✅ | |
| # 3 | Personalização avançada de estilos fluidos | ✅ | |
Desenvolvido por Fluid for Tailwind CSS?
A workcation.com é a criadora do plugin Fluid for Tailwind CSS, uma empresa focada em fornecer componentes e ferramentas de design de alta qualidade para desenvolvedores.