引用記法
UserCSS.icon
引用ブロック
インライン引用
インライン引用
code:style.css
html {
--quote-border-color: light-dark(hsl(216 15% 74%), hsl(196 10% 44%));
--quote-border-width: 2.5px;
--inline-quote-border-width: 2px;
}
.quote {
.line & {
display: block; box-sizing: border-box;
border-left: solid var(--quote-border-width, 1px) var(--quote-border-color, #a0a0a0); /* padding-left: 3px; */
--quote-padding-left: calc(2px + var(--quote-border-width, 1px));
padding-left: var(--quote-padding-left, 3px);
padding-right: var(--quote-padding-end, var(--quote-padding-left, 3px));
background-color: var(--quote-bg-color, rgba(0, 0, 0, 0.05));
}
.line & > .tag {
display: inline-block; vertical-align: top;
width: calc(var(--indent-width, 1.5em) - var(--quote-padding-left, 3px) - var(--quote-border-width, 1px));
}
.line.cursor-line & > .tag { width: unset; }
}
2026-07-08 再調整
--quote-border-color:をlight-dark(hsl(216 10% 75%), ...)からlight-dark(hsl(216 15% 74%), ...)に変更した
--inline-quote-border-widthを2.5px→2pxに変更した
2026-07-04 --quote-border-widthを3px→2.5pxに変更した
2026-06-23 --quote-border-widthを3pxに修正
2026-06-19 有効化
2026-06-18 12:30ごろ 無効化
2026-06-17 23:30ごろ Settingsに適用