Files
roi-theme/assets/css/css-global-utilities.css
FrankZamora de5fff4f5c Fase 1: Estructura Base y DI Container - Clean Architecture
COMPLETADO: Fase 1 de la migración a Clean Architecture + POO

## Estructura de Carpetas
- ✓ Estructura completa de 4 capas (Domain, Application, Infrastructure, Presentation)
- ✓ Carpetas de Use Cases (SaveComponent, GetComponent, DeleteComponent, SyncSchema)
- ✓ Estructura de tests (Unit, Integration, E2E)
- ✓ Carpetas de schemas y templates

## Composer y Autoloading
- ✓ PSR-4 autoloading configurado para ROITheme namespace
- ✓ Autoloader optimizado regenerado

## DI Container
- ✓ DIContainer implementado con patrón Singleton
- ✓ Métodos set(), get(), has() para gestión de servicios
- ✓ Getters específicos para ComponentRepository, ValidationService, CacheService
- ✓ Placeholders que serán implementados en Fase 5
- ✓ Prevención de clonación y deserialización

## Interfaces
- ✓ ComponentRepositoryInterface (Domain)
- ✓ ValidationServiceInterface (Application)
- ✓ CacheServiceInterface (Application)
- ✓ Component entity placeholder (Domain)

## Bootstrap
- ✓ functions.php actualizado con carga de Composer autoloader
- ✓ Inicialización del DIContainer
- ✓ Helper function roi_container() disponible globalmente

## Tests
- ✓ 10 tests unitarios para DIContainer (100% cobertura)
- ✓ Total: 13 tests unitarios, 28 assertions
- ✓ Suite de tests pasando correctamente

## Validación
- ✓ Script de validación automatizado (48/48 checks pasados)
- ✓ 100% de validaciones exitosas

La arquitectura base está lista para la Fase 2.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-17 13:48:24 -06:00

91 lines
1.7 KiB
CSS

/**
* Utility Classes
*
* SOLO utilidades que NO están en Bootstrap 5
* IMPORTANTE: Bootstrap 5 ya provee la mayoría de utilities (display, flex, spacing, etc.)
* Este archivo solo contiene utilities adicionales no incluidas en Bootstrap
*
* @package ROI_Theme
* @since 1.0.0
*/
/* ========================================
CURSOR UTILITIES
======================================== */
.cursor-pointer {
cursor: pointer !important;
}
.cursor-default {
cursor: default !important;
}
.cursor-not-allowed {
cursor: not-allowed !important;
}
.cursor-auto {
cursor: auto !important;
}
/* ========================================
USER SELECT
======================================== */
.user-select-auto {
user-select: auto !important;
}
.user-select-none {
user-select: none !important;
}
.user-select-all {
user-select: all !important;
}
/* ========================================
POINTER EVENTS
======================================== */
.pointer-events-none {
pointer-events: none !important;
}
.pointer-events-auto {
pointer-events: auto !important;
}
/* ========================================
OBJECT FIT
======================================== */
.object-fit-contain {
object-fit: contain !important;
}
.object-fit-cover {
object-fit: cover !important;
}
.object-fit-fill {
object-fit: fill !important;
}
.object-fit-scale {
object-fit: scale-down !important;
}
/* ========================================
TRANSITION
======================================== */
.transition-all {
transition: all 0.3s ease !important;
}
.transition-none {
transition: none !important;
}