vinny/iptv-stream-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

2.3.1: Elevation Scale Definition - added semantic elevation system (levels 0-6) in variables.css

Browse source
This commit is contained in:
VinnyNC 2025-09-28 23:24:06 -04:00
parent 128d339f32
commit cd4df0298a
1 changed files with 25 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

25
static/css/variables.css
View file

@ -219,6 +219,31 @@
--shadow-dodgers-lg: 0 8px 32px rgba(0, 90, 156, 0.25);
--shadow-dodgers-xl: 0 16px 48px rgba(0, 90, 156, 0.3);
/* =================================================================
ELEVATION SCALE - Semantic Elevation System
================================================================= */
/* Level 0: Flat surface */
--elevation-0: var(--shadow-none);
/* Level 1: Subtle lift for cards */
--elevation-1: var(--shadow-sm);
/* Level 2: Standard elevation for components */
--elevation-2: var(--shadow-base);
/* Level 3: Moderate elevation */
--elevation-3: var(--shadow-dodgers-sm);
/* Level 4: High elevation for floating elements */
--elevation-4: var(--shadow-dodgers-md);
/* Level 5: Higher elevation for overlays */
--elevation-5: var(--shadow-dodgers-lg);
/* Level 6: Maximum elevation for modals */
--elevation-6: var(--shadow-dodgers-xl);
/* =================================================================
BREAKPOINT VARIABLES
================================================================= */