c3a0da0 · 5837896 · 3280e29
@@ -0,0 +1,6 @@
# Split
A page that sets its main column beside a rail, and the glyph that separates parts of one line.
- `.split` — the one two-column page: main, then an `<aside>` rail of 260px that sticks from 960px. `data-rail="wide"` on it (the studio's home and an app's page) widens the rail to 320px from 900px, drops the top margin, and lets the rail scroll with the page, since a column of cards runs taller than a screen. Written by `pages/browse.ts`, `pages/repo.ts`, `pages/pull.ts`, `studio/home.ts`, `studio/app.ts`, `studio/tell.ts` and `studio/change.ts`; styled in `style/content.ts` (and `style/components.ts`, which closes the gap between stacked cards in it).
- `.sep` — a faint separator glyph between parts of one line: a `·` (aria-hidden) between meta items, a `/` between crumbs. Not a pane divider: `.split` has none. Written by `layout.ts` and `ui.ts` (crumbs), `scope.ts`, `pages/pull.ts`, `pages/origins.ts`, `pages/site.ts` and `studio/change.ts`; styled in `style/components.ts`, with `.row-meta .sep` and `.crumbs .sep` spacing it in those contexts.
@@ -37,11 +37,7 @@
the same line (#4888).
  - `.list`
  - `.menu-item`
  - `.preview`
  - `.sep`
  - `.split`
  - `.swatch`
  `.split` is the one two-column page: main, then an `<aside>` rail of 260px that sticks from 960px. `data-rail="wide"` on it (the studio's home and an app's page) widens the rail to 320px from 900px, drops the top margin, and lets the rail scroll with the page, since a column of cards runs taller than a screen
- **`style/content.ts`, page furniture** — what frames a page's content: page and repo heads, the front page and its tiles, explore, backups, boards, the fleet chart's series colours, lineage:
  - `.bgrid`
  - `.bp-h2`
		@@ -0,0 +1,6 @@
	1	# Split
	2
	3	A page that sets its main column beside a rail, and the glyph that separates parts of one line.
	4
	5	- `.split` — the one two-column page: main, then an `<aside>` rail of 260px that sticks from 960px. `data-rail="wide"` on it (the studio's home and an app's page) widens the rail to 320px from 900px, drops the top margin, and lets the rail scroll with the page, since a column of cards runs taller than a screen. Written by `pages/browse.ts`, `pages/repo.ts`, `pages/pull.ts`, `studio/home.ts`, `studio/app.ts`, `studio/tell.ts` and `studio/change.ts`; styled in `style/content.ts` (and `style/components.ts`, which closes the gap between stacked cards in it).
	6	- `.sep` — a faint separator glyph between parts of one line: a `·` (aria-hidden) between meta items, a `/` between crumbs. Not a pane divider: `.split` has none. Written by `layout.ts` and `ui.ts` (crumbs), `scope.ts`, `pages/pull.ts`, `pages/origins.ts`, `pages/site.ts` and `studio/change.ts`; styled in `style/components.ts`, with `.row-meta .sep` and `.crumbs .sep` spacing it in those contexts.
		@@ -37,11 +37,7 @@ the same line (#4888).
37	37	- `.list`
38	38	- `.menu-item`
39	39	- `.preview`
40		- `.sep`
41		- `.split`
42	40	- `.swatch`
43
44		`.split` is the one two-column page: main, then an `<aside>` rail of 260px that sticks from 960px. `data-rail="wide"` on it (the studio's home and an app's page) widens the rail to 320px from 900px, drops the top margin, and lets the rail scroll with the page, since a column of cards runs taller than a screen
45	41	- `style/content.ts`, page furniture — what frames a page's content: page and repo heads, the front page and its tiles, explore, backups, boards, the fleet chart's series colours, lineage:
46	42	- `.bgrid`
47	43	- `.bp-h2`