yuimarudev
https://yuimaru.uk/favicon.png
yuimaruです
test
code:style.css
*::before {
}
counter-reset: annotation-link;
counter-reset: annotation-content;
}
.line:not(.cursor-line) span.deco-\( {
/* リンクを注釈にするやつその1 */
font-size: 12px;
}
.line:not(.cursor-line) span.deco-\( a,
.line:not(.cursor-line) span.deco-\( a:hover{
/* リンクを注釈にするやつその2 */
display: inline-block;
width: 2.6em;
line-height: 1em;
vertical-align: super;
white-space: nowrap;
overflow: hidden;
color: rgba(0,0,0,0);
}
.line:not(.cursor-line) span.deco-\( a::before{
/* リンクを注釈にするやつその3 */
display: inline-block;
width: 2.6em;
margin-right: -2.6em;
overflow: visible;
visibility: visible;
text-align: left;
pointer-events: none;
counter-increment: annotation-link;
content: "注"counter(annotation-link);
background-color: rgba(125,125,255,0.08);
border-radius: 2px;
}
.line:not(.cursor-line) span.deco-\)::before {
/* 注釈の内容文の頭に「注○:」とつけるやつ */
/* ここら辺はマジで適当なので、気になる人はカスタマイズすることを推奨します */
display: inline;
counter-increment: annotation-content;
content: "注"counter(annotation-content)": ";
}