Files
roi-theme/wp-content/themes/apus-theme/assets/css/componente-post-content.css
FrankZamora d52814c81d ARQUITECTURA: Completar renombramientos CSS - Carpetas 10-20 - Issue #133
RENOMBRAMIENTOS COMPLETADOS (19 archivos adicionales):

COMPONENTES (carpetas 10, 12, 14, 15, 17, 18, 19):
 post-content.css → componente-post-content.css (10)
 cta-box-sidebar.css → componente-cta-box-sidebar.css (12)
 cta.css → componente-cta-ab-testing.css (14)
 related-posts.css → componente-related-posts.css (15)
 header.css → componente-footer-principal.css (17)
 modal-contact.css → componente-modal-contacto.css (18)
 tables-apu.css → css-tablas-apu.css (19)

CSS GLOBALES (carpeta 20):
 variables.css → css-global-variables.css
 fonts.css → css-global-fonts.css
 utilities.css → css-global-utilities.css
 animations.css → css-global-animations.css
 responsive.css → css-global-responsive.css
 accessibility.css → css-global-accessibility.css
 print.css → css-global-print.css
 badges.css → css-global-badges.css
 pagination.css → css-global-pagination.css
 toc.css → css-global-toc.css
 generic-tables.css → css-global-generic-tables.css
 video.css → css-global-video.css

ACTUALIZACIONES:
- enqueue-scripts.php: Todas las referencias actualizadas (48 cambios)
- functions.php: Version bump 1.0.9 → 1.0.10

TOTAL RENOMBRAMIENTOS:
- Commit 8d876: 7 archivos (carpetas 05, 06, 07, 08, 11, 13, 16)
- Este commit: 19 archivos (carpetas 10, 12, 14, 15, 17, 18, 19 + globales 20)
- TOTAL: 26 archivos renombrados

CORRESPONDENCIA 1-A-1 COMPLETADA:
 Cada componente tiene su archivo CSS con nombre de carpeta
 Archivos globales con prefijo css-global-
 Sin duplicaciones
 Nomenclatura consistente

Issue: #133

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-08 17:27:08 -06:00

120 lines
2.0 KiB
CSS

/**
* Post Content Typography
*
* Estilos de tipografía para contenido de posts
* Template ref: css/style.css líneas 208-227
*
* @package Apus_Theme
* @since 1.0.0
*/
/* ============================================
POST CONTENT TYPOGRAPHY
============================================ */
.post-content h2 {
font-size: 2rem;
font-weight: 600;
margin-top: 2.5rem;
margin-bottom: 1.5rem;
border-bottom: 1px solid #eee;
padding-bottom: 0.5rem;
color: #1e3a5f;
}
.post-content h3 {
font-size: 1.5rem;
font-weight: 600;
margin-top: 2rem;
margin-bottom: 1rem;
color: #2c5282;
}
.post-content h4 {
font-size: 1.25rem;
font-weight: 600;
margin-top: 1.5rem;
margin-bottom: 0.75rem;
color: #495057;
}
.post-content p,
.post-content li {
line-height: 1.8;
font-size: 1.1rem;
color: #4a5568;
margin-bottom: 1.5rem;
}
.post-content ul,
.post-content ol {
padding-left: 2rem;
margin-bottom: 1.5rem;
}
.post-content li {
margin-bottom: 0.75rem;
}
.post-content a {
color: #0d6efd;
text-decoration: underline;
font-weight: 500;
}
.post-content a:hover {
color: #0a58ca;
}
.post-content strong {
font-weight: 700;
color: #212529;
}
.post-content blockquote {
border-left: 4px solid #0d6efd;
padding-left: 1.5rem;
margin: 2rem 0;
font-style: italic;
color: #6c757d;
}
.post-content code {
background: #f8f9fa;
padding: 0.2rem 0.4rem;
border-radius: 4px;
font-family: 'Courier New', monospace;
font-size: 0.95rem;
color: #e83e8c;
}
.post-content pre {
background: #f8f9fa;
padding: 1rem;
border-radius: 8px;
overflow-x: auto;
margin: 1.5rem 0;
}
.post-content pre code {
background: transparent;
padding: 0;
color: #212529;
}
/* Responsive */
@media (max-width: 767.98px) {
.post-content h2 {
font-size: 1.5rem;
}
.post-content h3 {
font-size: 1.25rem;
}
.post-content p,
.post-content li {
font-size: 1rem;
}
}