Andreas Reinhold / reiniandClaude Opus 5
9eb06323aa
Plan step 35: <x-supporting-pane>, following the reference's placement table - below the focus pane below expanded, beside it from 840px at a fixed 360px (412px from large) or the two-thirds split. Below expanded compact="sheet" docks the supporting pane as a bottom sheet whose drag handle opens it; always on the trailing side, so focus order matches the panes on screen, and mirrored in RTL. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9
16 lines
615 B
CSS
16 lines
615 B
CSS
/*
|
|
* The layout components (plan step 35): the scaffold, panes, the canonical layouts, surfaces and
|
|
* the arrangements inside a pane, each in `material.layout`, with the visibility props in
|
|
* `material.visibility`. Step 37 folds this file into all.css.
|
|
*/
|
|
|
|
@layer material.reset, material.tokens, material.base, material.layout, material.components, material.text, material.visibility;
|
|
|
|
@import './layout/stack.css';
|
|
@import './layout/row.css';
|
|
@import './layout/grid.css';
|
|
@import './layout/surface.css';
|
|
@import './layout/pane.css';
|
|
@import './layout/list-detail.css';
|
|
@import './layout/supporting-pane.css';
|