diff --git a/assets/css/builder.css b/assets/css/builder.css index 4a4c141..a94441c 100644 --- a/assets/css/builder.css +++ b/assets/css/builder.css @@ -2246,6 +2246,70 @@ os-checkbox-label.atfb-check { background: var( --atfb-accent-soft ); } +/* A control and the chrome that belongs to it — a repeater and its add button, + a page break and its navigation — kept together as one block. */ +.atfb-preview__stack { + display: flex; + flex-direction: column; + gap: 6px; +} + +/* The hint keeps `.atf-hint` from the front end, so its size and colour are the + theme's. This only stops an empty one collapsing: an editable with nothing in + it still has to be a target you can click, and the placeholder inside it is + what invites the first hint anybody writes. */ +.atfb-preview__hint { + margin: 4px 0 0; +} + +.atfb-preview__hint .atfb-editable { + display: block; + min-block-size: 1lh; +} + +/* A button whose words are the editable part. `.atf-button` gives it the + theme's real fill, radius and padding; it is a `` rather than a + `