Project間リンクの表示を簡略化するUserCSS (参加Project)
UserCSS.icon
Project間リンクの表示を簡略化する
code:style.css
@import url("./card.css");
:where(.page) .line:not(.cursor-line) a.page-link:not(rel="route") { /* 外部プロジェクトのページへのリンク */
/forum-jp
/customize
/cd/CD link:cd (scrapbox.io/cd)
code:style.css
/* /cd */
&href^="/cd/" {
& > span.char-index:nth-of-type(-n + 4) { display: none; }
&::before {
background-image: url("/api/pages/nrem-configs/link:cd/icon");
background-repeat: no-repeat; background-position: center; background-size: contain;
background-color: var(--project-link-ellipsis-bg);
filter: none;
content: ""; display: inline-block;
width: var(--project-link-ellipsis-width, 1em); height: var(--project-link-ellipsis-height, 1em);
vertical-align: sub; line-height: 1;
border-radius: calc(var(--project-link-ellipsis-height, 1em) * 0.5);
}
&:hover::before { filter: var(--project-link-ellipsis-icon-hover-filter, var(--project-link-ellipsis-icon-filter)); }
}
code:card.css
.grid li.page-list-itemdata-project-name="cd" > ahref^="/cd/"rel="noopener noreferrer" {
& > .content > .header > div.title::before {
content: ""; display: inline-block;
background-image: url("/api/pages/nrem-configs/link:cd/icon");
background-repeat: no-repeat; background-position: center; background-size: contain;
vertical-align: sub;
width: var(--project-link-ellipsis-width, 1em); height: var(--project-link-ellipsis-height, 1em);
}
}
/comic-forum
/color
/icons2
/chrome-extensions
/scrapboxlab
/work4ai
/hub
/arpla
code:style.css
}
#UserCSS