Vaciar hero.css y badges.css - Estilos duplicados NO están en template original - Issue #105
PROBLEMA: - hero.css y badges.css tenían estilos de .category-badge-hero que NO existen en template - Estos archivos sobrescribían los estilos correctos de style.css - Template original SOLO tiene .category-badge en style.css, NO tiene clase -hero ARCHIVOS AFECTADOS: 1. badges.css - VACIADO COMPLETO: - Eliminado .category-badge (líneas 15-38) - duplicado, NO en template - Eliminado .category-badge-hero (líneas 41-56) - NO existe en template - Eliminado responsive (líneas 59-68) - duplicado - Total: 58 líneas eliminadas 2. hero.css - VACIADO COMPLETO: - Eliminado .category-badge-hero (líneas 16-31) - NO existe en template - Eliminado hover (líneas 33-38) - NO en template - Eliminado i (líneas 40-42) - NO en template - Eliminado responsive (líneas 45-50) - NO en template - Total: 40 líneas eliminadas ESTILOS CORRECTOS: Todos los estilos del hero section y badges están en style.css líneas 812-848 según template original apus-theme-template/css/style.css líneas 186-222 TEMPLATE ORIGINAL SOLO TIENE: - .hero-title - .hero-title h1 - .category-badge - .category-badge:hover - .category-badge i NO TIENE clase .category-badge-hero específica. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -1,68 +1,11 @@
|
|||||||
/**
|
/**
|
||||||
* Badges Styles
|
* Badges Styles
|
||||||
*
|
*
|
||||||
* Estilos para badges de categorías
|
* NOTA: Todos los estilos de badges están en style.css según template original.
|
||||||
* Template ref: css/style.css líneas 459-490
|
* Este archivo se mantiene vacío para evitar duplicaciones.
|
||||||
*
|
*
|
||||||
* @package Apus_Theme
|
* @package Apus_Theme
|
||||||
* @since 1.0.0
|
* @since 1.0.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/* ============================================
|
/* Los estilos de .category-badge están en style.css líneas 826-848 */
|
||||||
CATEGORY BADGE GENÉRICA
|
|
||||||
============================================ */
|
|
||||||
|
|
||||||
.category-badge {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0.375rem 0.875rem;
|
|
||||||
background: #e9ecef;
|
|
||||||
border-radius: 20px;
|
|
||||||
color: #6c757d;
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 0.813rem;
|
|
||||||
font-weight: 500;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.category-badge:hover {
|
|
||||||
background: #dee2e6;
|
|
||||||
color: #495057;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.category-badge i {
|
|
||||||
font-size: 0.7rem;
|
|
||||||
color: #6c757d;
|
|
||||||
opacity: 0.7;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Variante para Hero (fondo oscuro) */
|
|
||||||
.category-badge-hero {
|
|
||||||
background: rgba(255, 255, 255, 0.15);
|
|
||||||
backdrop-filter: blur(10px);
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
||||||
color: rgba(255, 255, 255, 0.95);
|
|
||||||
}
|
|
||||||
|
|
||||||
.category-badge-hero:hover {
|
|
||||||
background: rgba(255, 255, 255, 0.25);
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.category-badge-hero i {
|
|
||||||
color: rgba(255, 255, 255, 0.85);
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Responsive */
|
|
||||||
@media (max-width: 767.98px) {
|
|
||||||
.category-badge {
|
|
||||||
font-size: 0.75rem;
|
|
||||||
padding: 0.25rem 0.75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.category-badge i {
|
|
||||||
font-size: 0.65rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -1,50 +1,11 @@
|
|||||||
/**
|
/**
|
||||||
* Hero Section Styles
|
* Hero Section Styles
|
||||||
*
|
*
|
||||||
* Estilos para la sección hero con gradiente azul
|
* NOTA: Todos los estilos del hero section están en style.css según template original.
|
||||||
* Template ref: css/style.css líneas 122-129
|
* Este archivo se mantiene vacío para evitar duplicaciones.
|
||||||
*
|
*
|
||||||
* @package Apus_Theme
|
* @package Apus_Theme
|
||||||
* @since 1.0.0
|
* @since 1.0.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/* ============================================
|
/* Los estilos de .hero-title y .category-badge están en style.css líneas 812-848 */
|
||||||
HERO SECTION - CATEGORY BADGES
|
|
||||||
============================================ */
|
|
||||||
|
|
||||||
/* Category Badges en Hero */
|
|
||||||
.category-badge-hero {
|
|
||||||
background: rgba(255, 255, 255, 0.15);
|
|
||||||
backdrop-filter: blur(10px);
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
||||||
color: #ffffff;
|
|
||||||
padding: 6px 16px;
|
|
||||||
border-radius: 20px;
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 600;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.5px;
|
|
||||||
text-decoration: none;
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.category-badge-hero:hover {
|
|
||||||
background: rgba(255, 255, 255, 0.25);
|
|
||||||
color: #ffffff;
|
|
||||||
transform: translateY(-2px);
|
|
||||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
||||||
}
|
|
||||||
|
|
||||||
.category-badge-hero i {
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Responsive */
|
|
||||||
@media (max-width: 767.98px) {
|
|
||||||
.category-badge-hero {
|
|
||||||
font-size: 12px;
|
|
||||||
padding: 4px 12px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
Reference in New Issue
Block a user