Draw the FAB menu without Tailwind

<x-fab-menu> renders data-md-fab-menu with its trigger
data-md-fab-menu-trigger, data-md-color and data-md-position; a
close icon swaps in on aria-expanded instead of Tailwind's group
variant. fab-menu.css draws FabMenuBaselineTokens' 56px trigger,
its round-to-full morph on the default springs (ACT-19), the 8px
list padding and its calc(100dvh-128px) scroll cap behind the fixed
close button (ACT-32), and the [data-md-fab-menu-popover]:not(:popover-open)
rule that drives fab-menu-item's exit (ACT-33) — actions.css's last
two rules, moved here, empty it, so it and its tailwind.css import
are deleted; fab.js's stale reference to it is corrected to fab.css
(plan step 36, actions — the group is now fully off Tailwind).

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9

This commit is contained in:

Andreas Reinhold / reini

2026-09-14 16:20:45 +02:00

co-authored by

Claude Opus 5

parent 330b835043

commit c065d940af

8 changed files with 260 additions and 101 deletions

									
										resources/css/components.css
									
		+1
		
												View File
												
				@@ -25,6 +25,7 @@

				@import './components/menu-item.css';

				@import './components/menu.css';

				@import './components/fab-menu-item.css';

				@import './components/fab-menu.css';

				/* Inputs, selection and data */

				@import './components/form.css';