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

Complete 2.4.2: Icon Size Variants Implementation

Browse source
This commit is contained in:
VinnyNC 2025-09-29 19:06:22 -04:00
parent 249d985f58
commit 370b7f7a59
3 changed files with 104 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

18
static/css/variables.css
View file

@ -277,6 +277,24 @@
--z-tooltip: 1070;
--z-toast: 1080;
/* =================================================================
ICON SIZE SCALE
================================================================= */
/* Icon Size Scale - Consistent scaling for SVG icons */
--icon-size-xs: 0.75rem; /* 12px - Small indicators */
--icon-size-sm: 1rem; /* 16px - Default size */
--icon-size-md: 1.25rem; /* 20px - Button icons */
--icon-size-lg: 1.5rem; /* 24px - Navigation elements */
--icon-size-xl: 2rem; /* 32px - Hero elements */
/* Responsive icon sizes based on viewport */
--icon-size-responsive-xs: clamp(0.625rem, 2vw, var(--icon-size-xs));
--icon-size-responsive-sm: clamp(0.875rem, 2.5vw, var(--icon-size-sm));
--icon-size-responsive-md: clamp(1rem, 3vw, var(--icon-size-md));
--icon-size-responsive-lg: clamp(1.25rem, 3.5vw, var(--icon-size-lg));
--icon-size-responsive-xl: clamp(1.5rem, 4vw, var(--icon-size-xl));
/* =================================================================
TRANSITIONS & ANIMATIONS
================================================================= */