Skip to content

DESIGN: Definir Guía de Estilos y Configuración de Tailwind #7

@PabloCruzval

Description

@PabloCruzval

Describe the feature

Definir los design tokens (guía de estilos) del proyecto "Alianza Emprende" e implementarlos en el archivo CSS principal (ej. src/app.css).

Esto implica definir las variables CSS nativas dentro del bloque @theme:

Definir Colores: Establecer la paleta de colores principal (--color-primary, --color-secondary, etc.) y los tonos (--color-gray-100, etc.).

Definir Tipografía: Configurar las familias de fuentes (--font-sans, etc.) y la escala de texto (--text-sm, --text-base, etc.).

Definir Breakpoints: Ajustar los breakpoints (--breakpoint-sm, --breakpoint-md, etc.) si se desvían del estándar.

Definir Radios: Configurar la escala para border-radius (ej. --radius-md, --radius-lg).

It should be implemented because

Esta es la fuente única de verdad (Single Source of Truth) para el diseño del proyecto. Define las restricciones visuales, asegura la consistencia en todos los componentes y es un paso fundamental antes de empezar a construir la interfaz.

Additional context

No response

Would you like to work on this issue?

None

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions