refactor(styles): split components.css into per-section files (#657)

mirror of https://github.com/Psychotoxical/psysonic.git synced 2026-07-22 15:25:46 +00:00

components.css (14205 LOC) → 84 per-section files in src/styles/components/ +
an index.css that imports them in original cascade order.

Same approach as the theme.css split: top-level sections are detected by
single-dash or 3+ dash header decoration (/^\/\* ─(?: |─{2,})/), 2-dash
sub-sections stay inside their parent. Concatenating in @import order
reproduces the original byte stream (+1 trailing newline, cosmetic).

Each section is now self-contained — touching Tracklist, Modal, Hero,
Sidebar, etc. only opens one focused file.

Generated via /tmp/split-components-css.mjs.

This commit is contained in:

Frank Stellmacher

2026-05-13 19:10:11 +02:00

committed by

GitHub

parent 45a6a18849

commit 4b4cf42167

87 changed files with 14215 additions and 14206 deletions

									
										src/styles/components/css-tooltips.css
									
		+7
		
												View File
												
				@@ -0,0 +1,7 @@

				/* ─ CSS Tooltips ─ */

				/* Tooltips are handled by TooltipPortal (React portal) — no CSS pseudo-elements needed */

				[data-tooltip] {

				  position: relative;

				}