外部リンクを区別するUserCSS

外部リンクとScrapbox内部のリンクとを区別するUserCSS

自分も外部リンクが明示されると精神衛生上良いと思っているが、場合によっては装飾過多に感じるかも知れないtakker.icon

2021-11-26 10:00:01 最近は装飾過多に感じるようになってきたtakker.icon

変更点

外部リンクつきの画像とlocation記法にはiconを出さないようにした

見栄えが良くない

2021-07-06 04:47:26

\f08eがPROになってしまったので、代わりに\f35dを使った

code:style.css

/* 外部リンクにiconをつける */

.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon):not([href^="https://scrapbox.io"])::after {

font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';

font-weight: 900;

font-size: 0.8rem;

content: ' \f35d';

display: inline-block;

}