ピンしたページのスタイル
style.css.grid li.page-list-item a .pin { background-color: transparent; background-image: none }
.grid li.page-list-item a .pin::after {
content: '\f08d'; font-family: 'Font Awesome 5 Free'; font-weight: 900;
font-size: 20px; color: #A45AFF; bottom: 0 }Font Awesome フィーバーが続いてるので、とりあえずピン留めマークを変えてみたよ。
こうなった。
デフォルトはこう🐶
Scrapboxの使い勝手そのものには影響しないんだけど、こういうのも楽しいよね～！
違うアイコンを使いたいとき
Font Awesome のアイコンページから気になるアイコンをクリックして、
Unicode: ほにゃらら ってところから ほにゃらら をコピーして、上のCSSの中の
content: '\f08d' を content: '\ほにゃらら' に変えればおっけー。
アイコンを傾けたいとき
style.css.grid li.page-list-item a .pin { background-color: transparent; background-image: none }
.grid li.page-list-item a .pin::after {
content: '\f08d'; font-family: 'FontAwesome'; font-size: 20px; color: #A45AFF; bottom: 0;
diplay: inline-block; transform: rotate(35deg) }最後の行が35度傾ける指定です。
ピンのアイコンだとこのほうがしっくりくるな～。
初出 2017-09-16
2017-09-17 「アイコンを傾けたいとき」を追記
2021-07-06 Font Awesome のアップデートに対応