Prose 正文排版

CMS 文章/文档详情：给 {$document.body|raw} 外包 pvs-prose，统一标题、列表、引用、代码与表格样式。

用法

文档标题

正文段落。支持内链与 行内代码。

引用块：左侧主色竖线 + 浅底。

无序列表项 A
无序列表项 B

const x = 1;

<article class="pvs-prose pvs-border pvs-p-4" style="max-width:40rem">
  <h2>文档标题</h2>
  <p>正文段落。支持 <a href="#">内链</a> 与 <code>行内代码</code>。</p>
  <blockquote>引用块：左侧主色竖线 + 浅底。</blockquote>
  <ul>
    <li>无序列表项 A</li>
    <li>无序列表项 B</li>
  </ul>
  <pre>
    <code>const x = 1;</code>
  </pre>
</article>

修饰符

小号正文

pvs-prose--sm 用于侧栏摘要。

<article class="pvs-prose pvs-prose--sm pvs-border pvs-p-3" style="max-width:36rem">
  <h3>小号正文</h3>
  <p class="pvs-m-0">pvs-prose--sm 用于侧栏摘要。</p>
</article>

类名速查

类	样式
`pvs-prose`	文章根（~65ch）
`pvs-prose--wide`	取消最大阅读宽
`pvs-prose--sm`	小号正文
覆盖元素	h1–h6 · p · ul/ol · blockquote · code/pre · table · hr · img

与 pvs-max-w-prose 区别：prose 还带标题/列表/代码等排版规则。