BulletJournal風

! [!] ひらめき

? [?] 疑問

* [*] 重要

_ [_] todo

x [x] done

o [o] マル

code:style.css

/* タグアイコンの共通スタイル (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 }