tailwind-angular-material-theme

Este paquete expone todas las variables y tokens de Angular Material como utilidades que puedes usar en tu tema de Tailwind CSS. Ideal para aplicar los estilos de Angular Material sin redefinir colores, tipografías ni espacios manualmente.

Características

Acceso directo a los tokens de Angular Material como variables CSS.
Integración sencilla con Tailwind CSS.
Facilita la personalización de temas y estilos en proyectos Angular.
Incluye tokens de colores, tipografía, sombras y radios de borde.

Instalación

npm install tailwind-angular-material-theme

Uso

Asegúrate de tener Angular Material y Tailwind CSS instalados en tu proyecto.
Importa el tema principal del paquete en tu CSS global, por ejemplo en src/styles.css o el archivo raíz de Tailwind:
```
@import 'tailwind-angular-material-theme';
```

Ahora puedes usar los tokens como variables CSS en tus clases personalizadas o extender Tailwind para usarlos en tus utilidades.

Ejemplo:

<button
  class="px-4 py-2 rounded-corner-medium shadow-level1 bg-primary text-on-primary text-body-medium"
>
  Botón Angular Material + Tailwind
</button>

Personalización

Puedes sobrescribir los tokens de Angular Material en tu tema para adaptar los estilos a tus necesidades.

Contribuciones

¡Las contribuciones son bienvenidas! Si tienes ideas o mejoras, abre un issue o envía un Pull Request.

Licencia

MIT License