Add the surface layout component

Plan step 35: <x-surface level padding corner outlined>, a tonal region
in surface or a surface-container step, padded with a spacing token,
rounded with a corner token and optionally edged in outline-variant. A
pane on a surface keeps its margin again, since the surface is a new edge.

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:55 +02:00

co-authored by

Claude Opus 5

parent da7a05a619

commit e99c5993d8

7 changed files with 253 additions and 0 deletions

									
										resources/css/layout.css
									
		+1
		
												View File
												
				@@ -9,3 +9,4 @@

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

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

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

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