settings
https://gyazo.com/f5aad8e143b8d197c25d5e884bb315a2
コードブロックを小さく
code:style.css
.line span.code-block {
line-height: 1.2em;
font-size: 88%;
}
タイトルごとに背景を変える
code:style.css
:is(
data-page-title*=".html",
data-page-title*=".js",
data-page-title*=".css",
data-page-title*=".md",
data-page-title*=".el",
data-page-title="Makefile"
) > a
{
background-color:#fafbe4 !important;
}
code:style.css__
.line .indent-mark .dot:before {
display: block;
position: absolute;
right: -5px;
top: -10px;
color: #555;
}
.line .indent-mark .dot:before {
content:"▶";
}
a
b
c
d
code:style.css__
.line .indent-mark .dot { /* オリジナルのバレットを小さく */
width: 1px;
height: 1px;
background-color: #c9c9c9;
}
.line .indent-mark .dot:before { /* 自前のバレット */
display: block;
position: absolute;
right: -5px;
top: -10px;
color: #555;
content:"▶";
}
code:style.css___
.line .indent-mark .dot { /* オリジナルのバレットを消す */
background-color: transparent;
}
.line .indent-mark .dot::before { /* 自前のバレット */
display: block;
position: absolute;
right: -5px;
top: -10px;
color: #555;
content:"▶";
font-weight: 900;
font-size: 6px;
}