リンクを出典アイコンにするUserCSS：実装ページ
リンクを出典アイコンにするUserCSSの実装
元コードがコメントと複雑に絡み合って編集困難になってしまったので、こちらに書き直す
テスト
意識とは一般に、覚醒していること、または自分の状態や周囲の状況を認識できていることを指す✅️リンクを出典アイコンにするUserCSSでリンクをクリックできない問題#6157eecc1280f00000574cdb
クオリアとは、我々の意識にのぼってくる感覚意識やそれにともなう経験のことを指すhttps://bsd.neuroinf.jp/wiki/%E3%82%AF%E3%82%AA%E3%83%AA%E3%82%A2。クオリアさん.iconと関係があるかもしれない
アイコン変更リンクを出典アイコンにするUserCSS
code:style.css
.line {
.deco-\. {
font-size: .8em;
position: relative;
top: -0.5em;
:is(.page-link:not(.icon), .link)::before {
display: inline-block;
min-width: 1.15em;
padding-left: 1px;
font-family: "Font Awesome 5 Free","Font Awesome 5 Brands";
text-align: center;
vertical-align: middle;
font-weight: 900;
content: "\f02d";
}
/* 斜体を取り消す */
&.deco-\/ {
font-style: initial;
:is(.page-link:not(.icon), .link)::before {
font-weight: 400;
content: "\f15c";
}
}
}
&:not(.cursor-line) .deco-\. {
a:is(.page-link:not(.icon), .link) span:not(.empty-char-index) + span + span ~ span {
display: inline-block;
width: 0;
text-indent: -9999px;
}
.page-link:not(.icon) span.empty-char-index {
~ span.char-index {
display: inherit;
width: inherit;
text-indent: inherit;
}
+ span::before {
content: "#";
}
}
}
}
CSSがとんでもなく複雑だtakker.icon
なんとかシンプルにできないものか