Resizable
Two panes split by a hairline with a grip cell at its middle.
Sections
The map of the page.
Reading column
The text, at whatever width the split leaves it.
Anatomy
| Rules | an ink rule on top, a hairline under; the split is a hairline |
|---|---|
| Handle | a module wide, with a 32px grip cell at its middle |
| Range | the first pane stays between 20% and 80% of the row |
| Keys | ← and → move the split 5% at a time |
| Hover | the grip cell fires and stays hot while it is held |
Decisions
-
A cell for a grip
Every compact control is a cell, so the grip is one too: it answers like the rail’s buttons.
-
Rules, not boxes
The panes have no frames; a hairline is all that splits them.