Refactor code structure for improved readability and maintainability
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user