otherwise breaks the `p + p` chain above and the next paragraph would wrongly lose its indent. */ .ql-editor .scene-break + p, .ql-editor hr.page-break + p, .ql-editor figure.book-figure + p { text-indent: 1.5em; } /* Same chain break, one more shape (v2.65): a text feature is a

, so the paragraph after it is not `p + p` and would silently lose its indent — which would make the gear's two "Format next paragraph as" choices look identical. `continue` is the case that genuinely wants no indent: the quotation interrupted a paragraph and the prose resumes. */ .ql-editor .tf + p { text-indent: 1.5em; } .ql-editor .tf[data-tf-next="continue"] + p { text-indent: 0; } /* ---- Text features in the editor: STRUCTURE ONLY ---- Everything that varies by preset — the insets, the alignment, the italics, the type size, the em dash — is compiled by TextFeatureStyle::forBrowserAllPresets() and emitted into the page by editor.php, keyed on .page-sheet[data-blockquote-style]. It is NOT repeated here. That is deliberate. An earlier draft of this block hand-wrote the default preset so a quotation would be legible before the compiler existed — and the moment the compiler shipped, that turned into exactly the thing this subsystem exists to abolish: a second, hand-maintained copy of one preset that nothing would keep in step. What is left below is only the shape that is true of EVERY preset. text-indent: 0 is not cosmetic and is the reason quotations looked wrong everywhere: `.ql-editor p + p` gives every paragraph a first-line indent, so without this reset the second line of a quotation is indented and so is the attribution. It carries !important because it has to beat the per-paragraph override at [data-noindent="0"] too — a text feature line is never body prose. */ .ql-editor .tf { margin: 1em 0; } .ql-editor .tf-line, .ql-editor .tf-attrib { margin: 0; text-indent: 0 !important; } /* A stanza break is an EMPTY tf-line, which Quill renders as

. :empty will not match that — the
is a child — so nothing here or in any compiler may use it. */ /* Per-paragraph first-line indent (v2.65). !important is deliberate and is the whole point of the feature: an explicit per-paragraph choice has to beat all four of the things that otherwise decide the indent — the paragraph's position, the book-wide theme setting, the per-chapter override, and the p + p chain — several of which carry higher specificity than any selector available here. An ABSENT data-noindent matches nothing, so an untouched paragraph still follows the book. */ .ql-editor [data-noindent="1"] { text-indent: 0 !important; } .ql-editor [data-noindent="0"] { text-indent: 1.5em !important; } /* Horizontal line. Distinct from hr.page-break, which marks a PAGE break and is drawn as a labelled pill rather than a rule. THE HIT AREA IS A PSEUDO-ELEMENT, AND THAT IS THE POINT. Drawn the obvious way — height: 0 with a border-top — the element the mouse has to find is ONE PIXEL tall, so the hover-delete button could never be summoned and the line read as undeletable. Giving the

a real height fixes the target and moves the line: an 18px box plus its margins is 6px taller than a hairline plus its margins, and margin collapsing means you cannot simply subtract half the height from each side (the top margin collapses with the paragraph's bottom margin and the bottom one does not). MEASURED, not reasoned about — it pushed the line 6.9px down the page. So the box stays zero-height and an absolutely-positioned ::after supplies the target. Hit-testing attributes a pseudo-element's hits to the element that owns it, so `closest('hr.tf-rule')` matches. Layout is byte-identical to before, and the overlay stays inside the surrounding paragraph margins so it never steals a click meant for the text. */ .ql-editor hr.tf-rule { border: 0; border-top: 1px solid var(--line); margin: 1.1em 0; height: 0; background: none; position: relative; overflow: visible; } .ql-editor hr.tf-rule::after { content: ''; position: absolute; left: 0; right: 0; top: -8px; height: 17px; } /* Inside a text feature it divides the block rather than the chapter, so it sits closer and does not need a full paragraph gap. The .7em gap is tighter than the chapter one, so the target narrows to match rather than overlapping the lines on either side. */ .ql-editor .tf hr.tf-rule { margin: .7em 0; } .ql-editor .tf hr.tf-rule::after { top: -5px; height: 11px; } /* Same chain break as the scene break and the tf container: an

is not a

, so the paragraph after one would silently lose its indent. */ .ql-editor hr.tf-rule + p { text-indent: 1.5em; } /* The same rule on the other browser surfaces — the live preview and the beta-reader share page. Without these an

falls back to the browser's default inset grey bevel, which is not what the editor or the print proof shows. (PdfExporter and EpubExporter draw their own; the preset-driven version of all four arrives with TextFeatureStyle.) */ .preview-page .chapter-body hr.tf-rule, .share-reader-page hr.tf-rule { border: 0; border-top: 1px solid currentColor; opacity: .45; margin: 1.1em 0; height: 0; background: none; } .preview-page .chapter-body .tf hr.tf-rule, .share-reader-page .tf hr.tf-rule { margin: .7em 0; } .preview-page .chapter-body hr.tf-rule + p, .share-reader-page hr.tf-rule + p { text-indent: var(--pv-indent, 1.5em); } /* Per-chapter "Indent first paragraph" override — when the chapter gear toggle is on, restore the indent on the first paragraph so the editor matches what print/EPUB will render. */ .page-sheet.is-indent-first .ql-editor p:first-child { text-indent: 1.5em; } /* Theme-level default: indent every chapter's first paragraph. Mirrors the per-chapter override above but is driven by the theme, so it carries to all chapters without ticking the box on each one. */ .page-sheet[data-theme-indent-first="1"] .ql-editor p:first-child { text-indent: 1.5em; } .ql-editor h1, .ql-editor h2, .ql-editor h3 { font-family: var(--editor-heading-font, var(--font-display)); font-weight: 600; color: var(--ink-1); margin: 1.4em 0 .5em; } .ql-editor h1 { font-size: 28px; } .ql-editor h2 { font-size: 22px; } .ql-editor h3 { font-size: 18px; } .ql-editor blockquote { border-left: 3px solid var(--accent); padding: 4px 18px; margin: 1em 0; font-family: var(--font-serif); font-style: italic; color: var(--ink-2); } /* ---------- Scene break (visual divider in the editor) ---------- * The saved HTML is just

— chapters written before text features. The border-left was a blog idiom the print PDF never drew, and `blockquote p` is what stops the body's first-line indent leaking into every quotation. Text features are styled by TextFeatureStyle::forBrowser(), emitted into this page's own