段落首行缩进优化版 CSS 片段

经验分享
1

支持任意长度缩进，适配 实时预览模式 和 阅读模式，与 Callout 和 代码块 无冲突

.p-indent {
  /* 2倍字号大小的长度 */
  --indent: calc(var(--font-text-size) * 2);
}
.p-indent :is([class=cm-line], [class="cm-active cm-line"], p) {
  text-indent: var(--indent);
}
.p-indent p > br {
  content: "";
  white-space: pre;
}
.p-indent p > br::after {
  content: "\000A\200B";
  margin-inline-end: var(--indent);
}

使用方法：在 属性 中添加 cssclasses: p-indent

感谢 @MorIo24 的思路，该片段已经更新至 我的主题，欢迎 Star :star:～

3 个赞