Refactor code structure for improved readability and maintainability

This commit is contained in:
2025-10-09 21:28:37 -05:00
parent dae147154f
commit 09a5ceeeba
8 changed files with 571 additions and 142 deletions

View File

@@ -1,16 +1,17 @@
/* ============================================
PIXEL ART - SECTIONS OVERRIDES
Sobrescribe estilos de secciones individuales
COZY PIXEL ART - SECTIONS OVERRIDES
Diseño witchy/fantasy acogedor
============================================ */
/* Secciones Principales */
section {
background: var(--pixel-bg-medium) !important;
background: linear-gradient(135deg, var(--pixel-bg-medium) 0%, var(--pixel-bg-light) 100%) !important;
border: 4px solid var(--pixel-border) !important;
border-radius: 0 !important;
box-shadow:
8px 8px 0 0 rgba(0, 0, 0, 0.5) !important,
inset 0 0 0 2px rgba(255, 255, 255, 0.1) !important;
inset 0 0 0 2px rgba(255, 179, 71, 0.15) !important,
0 0 20px rgba(255, 179, 71, 0.2) !important;
padding: 32px !important;
margin-bottom: 32px;
position: relative;
@@ -24,7 +25,7 @@ section::before {
left: 8px;
right: 8px;
bottom: 8px;
border: 2px solid rgba(255, 255, 255, 0.05);
border: 2px solid rgba(255, 179, 71, 0.1);
pointer-events: none;
}
@@ -33,14 +34,14 @@ section h2 {
font-family: 'Press Start 2P', cursive !important;
font-size: 24px !important;
line-height: 1.6 !important;
color: var(--pixel-text) !important;
color: var(--pixel-accent-3) !important;
background: none !important;
-webkit-background-clip: unset !important;
background-clip: unset !important;
-webkit-text-fill-color: unset !important;
text-shadow:
3px 3px 0px rgba(0, 0, 0, 0.8),
0 0 20px var(--pixel-accent-4) !important;
2px 2px 0px var(--pixel-border),
0 0 20px var(--pixel-warm-glow) !important;
margin-bottom: 24px !important;
}
@@ -48,8 +49,9 @@ section h3 {
font-family: 'Press Start 2P', cursive !important;
font-size: 16px !important;
line-height: 1.6 !important;
color: var(--pixel-accent-3) !important;
color: var(--pixel-accent-5) !important;
margin-bottom: 16px !important;
text-shadow: 1px 1px 0px var(--pixel-border);
}
section h4 {