如何自定义分割线的样式，比如中间加上自定义的图案

yuiaa · 2023 年10 月 25 日 08:43

有些主题中分割线有特殊的图案。通过css能不能简单做到？

subframe7536 · 2023 年10 月 25 日 12:59

subframe7536/obsidian-theme-maple/blob/main/src/editor/hr.scss

/* ======= 行分隔符hr ====== */

.markdown-rendered hr {
  margin-block-start: 2.4rem !important;
  margin-block-end: 2.4rem !important;
}

body.hr-enable :is(.markdown-source-view.mod-cm6, .markdown-rendered) hr {
  overflow: initial;
  border: none;
  position: relative;
  height: var(--size-4-1);
  background-image: linear-gradient(to right,
      transparent 0%,
      hsla(var(--color-accent-hsl), 40%) 16%,
      hsla(var(--color-accent-hsl), 90%) 44%,
      transparent 44%,
      transparent 56%,
      hsla(var(--color-accent-hsl), 90%) 56%,
      hsla(var(--color-accent-hsl), 40%) 84%,

This file has been truncated. show original

yuiaa · 2023 年10 月 26 日 20:34

奇怪设置之后没有任何效果