txeo/cv-site
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Add CSS variable fallbacks for better browser compatibility

Browse Source 
Following LogRocket CSS best practices:
- Added fallback values to 150+ CSS variable usages across 22 files
- Fallbacks use light theme defaults for consistent behavior
- Improves compatibility with older browsers
- Example: var(--text-primary) → var(--text-primary, #1a1a1a)

Variables with fallbacks:
- Colors: text-primary, text-secondary, text-muted, accent-blue, etc.
- Backgrounds: page-bg, paper-bg, action-bar-bg, sidebar-bg
- Shadows: shadow-sm, shadow-md, shadow-lg
- Borders: border-color, border-light, icon-border

CSS Variables Best Practices compliance: 6/7 recommendations now followed
This commit is contained in:
juanatsap
2025-11-30 14:35:02 +00:00
parent 58c1237326
commit 0956c78d00
22 changed files with 152 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/03-components/_cv-header.css
+4 -4
View File
@@ -44,7 +44,7 @@
/* font-style: italic; */
line-height: 1.1;
margin-bottom: 8px;
color: var(--text-primary);
color: var(--text-primary, #1a1a1a);
text-align: right;
}
@@ -53,7 +53,7 @@
font-size: 0.9em;
font-weight: 500;
line-height: 1.5;
color: var(--text-primary);
color: var(--text-primary, #1a1a1a);
margin: 0;
}
@@ -61,7 +61,7 @@
font-family: 'Quicksand', sans-serif;
font-size: 1.25em;
font-weight: 400;
color: var(--text-muted);
color: var(--text-muted, #666666);
margin: 4px 0 0 0;
line-height: 1.4;
text-align: right;
@@ -72,7 +72,7 @@
font-family: 'Quicksand', sans-serif;
font-size: 1.0em;
line-height: 1.6;
color: var(--text-secondary);
color: var(--text-secondary, #333333);
margin-top: 20px;
text-align: justify;
font-style: italic;