settings
code:style.css
/* https://scrapbox.io/pokutuna/BulletJournal%E9%A2%A8 */
/* タグアイコンの共通スタイル (1) */
.line:not(.cursor-line) ahref$='/!':not(.icon) span,
.line:not(.cursor-line) ahref$='/%3F':not(.icon) span,
.line:not(.cursor-line) ahref$='/*':not(.icon) span,
.line:not(.cursor-line) ahref$='/_':not(.icon) span,
.line:not(.cursor-line) ahref$='/x':not(.icon) span,
.line:not(.cursor-line) ahref$='/o':not(.icon) span {
display: inline-block; width: 0; text-indent: -9999px }
/* タグアイコンの共通スタイル (2) */
.line:not(.cursor-line) ahref$='/!':not(.icon)::after,
.line:not(.cursor-line) ahref$='/%3F':not(.icon)::after,
.line:not(.cursor-line) ahref$='/*':not(.icon)::after,
.line:not(.cursor-line) ahref$='/_':not(.icon)::after,
.line:not(.cursor-line) ahref$='/x':not(.icon)::after,
.line:not(.cursor-line) ahref$='/o':not(.icon)::after {
display: inline-block; min-width: 1.15em; padding-left: 1px;
font: normal 110%/normal "Font Awesome 5 Free", "Font Awesome 5 Brands"; text-align: center; }
/* ここから各アイコンの設定 */
.line:not(.cursor-line) ahref$='/!':not(.icon)::after { content: '\f06a'; color: #F6AE2D; font-weight: bold; }
.line:not(.cursor-line) ahref$='/%3F':not(.icon)::after { content: '\f059'; color: #758E4F }
.line:not(.cursor-line) ahref$='/*':not(.icon)::after { content: '\f069'; color: #F26419; font-weight: bold; }
.line:not(.cursor-line) ahref$='/_':not(.icon)::after { content: '\f0c8'; color: #666 }
.line:not(.cursor-line) ahref$='/x':not(.icon)::after { content: '\f14a'; color: #069 }
.line:not(.cursor-line) ahref$='/o':not(.icon)::after { content: '\f192'; color: #F26419 }