Perenne
Sembrada: 22 de septiembre de 2026•Regada: 1 de octubre de 2026
Tailwind CSS v4: Estilizado Moderno sin Configuración Pesada
Exploración de las novedades de Tailwind v4, integración con Vite y diseño de tokens de bordes redondeados.
Simplificación con el Plugin de Vite
Tailwind CSS v4 introduce un motor completamente renovado en Rust denominado Oxide, sustituyendo tailwind.config.js por directivas nativas de CSS:
@import "tailwindcss";La integración con Astro se realiza directamente en el pipeline de Vite a través de @tailwindcss/vite, lo que reduce drásticamente los tiempos de arranque y recarga en caliente (HMR).
Tokens de Diseño: Bordes Redondeados y Temas
En este jardín digital adoptamos una estética suave con bordes redondeados prominentes:
- Contenedores y Tarjetas: Clases como
rounded-2xlyrounded-xltransmiten una sensación orgánica y amigable. - Insignias y Etiquetas:
rounded-fullpara estados botánicos y temas. - Variables CSS para Temas: Se usan tokens semánticos como
--bg-primaryy--accentque conmutan fluidamente entre modo claro y oscuro.
Enfoque de Componentes
Inspirado en el catálogo de Bejamas UI y la filosofía copy-and-own, los componentes residen directamente en nuestro repositorio sin dependencias externas bloqueantes.