引用文中のインデントを通常の箇条書きにする
https://gyazo.com/239d9581186fb7a4508ea9b41573ad19
cf. 引用ブロック記法の字下げ幅をインデント幅と同じにする
2026-07-04 リファクタリング
2025-11-05 初版作成
1. 引用ブロック中のインデントを箇条書きの●にする
app.css の中黒の箇条書き記号の内容で上書きする。
code:style.css
.line.quote-line .quote .indent-mark .dot {
display: block;
position: absolute;
/* right: 9px; */
right: calc(var(--calculated-pargraph-line-height, 24px) / 2 - var(--bullet-list-dot-width, 6px) / 2);
/* top: 10px; */
top: calc(var(--calculated-paragraph-line-height, 24px) / 2 - var(--bullet-list-dot-height, 6px) / 2 - 1em / 15);
width: var(--bullet-list-dot-width, 6px);
height: var(--bullet-list-dot-height, 6px);
border-radius: 50%;
}
2. 引用文中のインデントのテキストの折り返しを揃える
1.5em=.indent-markの既定のwidth
code:style.css
.line.quote-line .quote span:not(.char-index):has(> .indent-mark + .indent) {
display: inline-block;
max-width: calc(100% - var(--indent-width, 1.5em));
}
.line.quote-line .quote .indent {
display: inline-block;
}
使用例
https://gyazo.com/17f129a911eda4f260b16894a7285551→https://gyazo.com/239d9581186fb7a4508ea9b41573ad19
#UserCSS