git.admin/roi-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
110 Commits 3 Branches 1 Tag
23a5ae7665550cc2add7b0634fa120c33d2c3b89
Commit Graph

3 Commits

Author SHA1 Message Date
FrankZamora
23a5ae7665 ARQUITECTURA: Separación de responsabilidades CSS - Eliminar duplicaciones 
Problema:
Tres archivos CSS definían body con responsabilidades mezcladas:
- fonts.css línea 38: body { font-family, color, antialiasing... }
- style.css línea 95: body { font-family, margin, padding... }
- variables.css línea 189: body { font-family, color, line-height... }

Causaba conflictos de cascada y violaba principio de responsabilidad única.

Solución:
1. fonts.css - SOLO fuentes:
   - Mantener: :root con variables tipográficas
   - Mantener: @font-face declarations (comentadas)
   - Mantener: Clases utilitarias de fuentes
   - ELIMINAR: body, code, pre (movidos a style.css)
   - Agregar: Comentarios de responsabilidades

2. variables.css - SOLO variables:
   - Mantener: :root con todas las variables CSS
   - ELIMINAR: body, a, a:hover (movidos a style.css)
   - Agregar: Comentarios de responsabilidades

3. style.css - Estilos aplicados:
   - Mantener: body (único lugar correcto)
   - Agregar: a, a:hover (desde variables.css)
   - Agregar: code, pre, kbd, samp (desde fonts.css)
   - Agregar: font-smoothing a body
   - Agregar: Comentarios de responsabilidades

Principio de Separación:
- fonts.css: DEFINE fuentes (variables y @font-face)
- variables.css: DEFINE variables (colores, espaciados, etc.)
- style.css: APLICA variables a elementos HTML

Versión: 1.0.4 → 1.0.5 (cache busting)

Archivos modificados:
- wp-content/themes/apus-theme/assets/css/fonts.css
- wp-content/themes/apus-theme/assets/css/variables.css
- wp-content/themes/apus-theme/assets/css/style.css
- wp-content/themes/apus-theme/inc/enqueue-scripts.php
- wp-content/themes/apus-theme/functions.php

Issue #121

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-08 16:38:42 -06:00
FrankZamora
c723a921b8 Fix TOC Sidebar: Agregar variables CSS faltantes del template y cambiar a fuente Poppins 
Problema:
- TOC sidebar usaba system fonts en lugar de Poppins
- Faltaban variables CSS del template (--color-navy-primary, --color-neutral-*)
- Variables de color estaban intercambiadas (#495057 vs #6c757d)

Solución:
1. Agregar variables faltantes a variables.css:
   - --color-navy-primary: #1e3a5f
   - --color-navy-light: #2c5282
   - --color-neutral-50: #f8f9fa
   - --color-neutral-100: #e9ecef
   - --color-neutral-600: #495057 (text default)
   - --color-neutral-700: #6c757d (text secondary)
   - --color-orange-light: #FFB800
   - --color-orange-hover: #FF6B35

2. Cambiar --font-family-base de system fonts a 'Poppins', sans-serif
   (Google Fonts Poppins ya se carga en enqueue-scripts.php)

3. Incrementar APUS_VERSION de 1.0.2 a 1.0.3 para cache busting

Archivos modificados:
- wp-content/themes/apus-theme/assets/css/variables.css
- wp-content/themes/apus-theme/functions.php

Reabre issue #121

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-08 16:18:29 -06:00
FrankZamora
6e4b786595 [NIVEL 1 COMPLETADO] Estructura HTML Base + Sistema de Variables CSS - Issues #47 #48 
Implementación de CIMIENTOS del tema según template index.html.
Sin estos cambios NO se puede avanzar a componentes visuales.

**Issue #47: Estructura HTML Base**
- single.php: Reemplazada estructura con Grid Bootstrap exacto del template
  - Agregado: <div class="container"> → <div class="row">
  - Columna principal: <div class="col-lg-9"> (línea 28)
  - Columna sidebar: <div class="col-lg-3"> (línea 244)
  - Eliminado: <div class="content-wrapper"> (obsoleto)
- Estructura ahora coincide 100% con template líneas 347-350

**Issue #48: Sistema de Variables CSS**
- Creado: assets/css/variables.css (180 líneas)
  - 50+ variables CSS de colores paleta RDash
  - Variables tipográficas (fonts, sizes, weights)
  - Variables de espaciado y bordes
  - Variables de sombras y transiciones
  - Variables de gradientes del template
- Registrado en enqueue-scripts.php (línea 51-58)
- Dependencia: se carga DESPUÉS de Bootstrap

**Archivos Modificados:**
- wp-content/themes/apus-theme/single.php
- wp-content/themes/apus-theme/inc/enqueue-scripts.php

**Archivos Creados:**
- wp-content/themes/apus-theme/assets/css/variables.css

**Referencia Template:**
D:\_Desarrollo\02AnalisisDePreciosUnitarios\analisisdepreciosunitarios.com\_planeacion\theme-template\index.html

**Resultado:**
NIVEL 1 (CIMIENTOS) está completo. Ahora se puede avanzar a NIVEL 2 (Componentes Principales).

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-04 20:00:07 -06:00