Add the stack layout component and the layout foundation

Plan step 35: <x-stack gap align>, the first of M3's layout components,
with what they all share - src/Support/Layout.php reading the props into
data-md-* attributes, the spacing-token gap and padding rules, the
hide-below/hide-from rules in material.visibility, the stylesheet checks
for resources/css/layout, the browser test file and the skill's Layout
group. The Workbench puts the material layers above Tailwind's preflight,
which would otherwise zero every layout padding and margin.

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 14:50:27 +02:00

co-authored by

Claude Opus 5

parent 6be9f35c98

commit b677e60876

13 changed files with 724 additions and 3 deletions

									
										resources/css/layout.css
									
		+2
		
												View File
												
				@@ -5,3 +5,5 @@

				 */

				@layer material.reset, material.tokens, material.base, material.layout, material.components, material.text, material.visibility;

				@import './layout/stack.css';