Janus007/PlanTempusApp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactor CSS using nested selectors and media queries

Browse source 
Improves CSS organization by adopting PostCSS nesting syntax
Enhances responsiveness with refined media query implementations
Reduces code repetition and improves maintainability of stylesheets

Modernizes CSS structure across multiple component stylesheets
This commit is contained in:
Janus C. H. Knudsen 2026-01-14 16:31:28 +01:00
parent 29f9c79764
commit 5e2cab9bd5
6 changed files with 1539 additions and 1608 deletions
Download patch file Download diff file Expand all files Collapse all files

3
PlanTempus.Application/wwwroot/css/design-tokens.css
View file

@ -91,6 +91,9 @@
--bg-purple-medium: color-mix(in srgb, var(--color-purple) var(--overlay-medium), transparent);
--bg-purple-strong: color-mix(in srgb, var(--color-purple) var(--overlay-strong), transparent);
--border-purple: color-mix(in srgb, var(--color-purple) var(--overlay-border), transparent);
/* -------- Gradient Tokens -------- */
--gradient-enterprise: linear-gradient(135deg, var(--color-surface) 0%, color-mix(in srgb, var(--color-purple) 5%, var(--color-surface)) 100%);
}
/* ===========================================