行頭記号付きマーカー記法
指定範囲内のテキストに色付きの下線を引き、行頭の左のページ余白に記号等を表示するマーカー記法。
https://gyazo.com/6af63689eb85901630b18b60fd90ca72
書式：[# [<simbol-name>]テキスト]
例：
starテキスト
aaa starbbb ccc
code:style.css
.line:not(.cursor-line):has(.deco-\#) {
&:has(.deco-\# span:nth-child(1) > adata-page-title="star") {
& .deco-\#:has(span:nth-child(1) > adata-page-title="star") {
background: linear-gradient(transparent 65%, hsl(from gold h s l / 35%) 35%);
/* ↑↑テキストの修飾を記入する↑↑ */
&>span:nth-child(1)>a { display: none; }
}
&::before {
content: "★";
color: hsl(from darkorange h s l / 60%);
font-family: icons, ui-sans-serif;
font-weight: 400;
font-size: 1.4em;
line-height: 1;
vertical-align: top;
text-align: end;
/* ↑↑表示したい文字列または記号を記入する↑↑ */
z-index: 1000;
display: inline-block;
width: 24px;
height: auto;
position: absolute;
top: calc((1em - 1rem) / 3);
right: calc(100% + 0.25rem);
border-radius: 50%;
text-wrap: balance;
}
}
}
/nremiel/行頭記号付きマーカー記法
UserCSS.icon