Nrem/UserCSS
他の Cosense プロジェクトに@importして使う。
この一箇所を書き換えるだけでよい。参加プロジェクトすべてのそれを書き換える必要はない。
code:UserCSS.css
@import "/api/code/nremiel/Nrem%2FUserCSS/style.css";
code:unused.css
code:style.css
@import "/api/code/nremiel/Scrapbox閲覧用のUserCSSセット/style-A.css";
@import "/api/code/nremiel/Scrapbox閲覧用のUserCSSセット/style-B.css";
コードブロックのフォントを自分好みに
code:style.css
.line code,
.line .code-block {
font-family: "Consolas", "Menlo", "0xProto Nerd Font", "0xProto", "ZxProto", "Cascadia Code", "Cascadia Next", "IBM Plex Sans JP", var(--code=block-font-family, var(--monospace, monospace));
}
選択範囲にグラデーションをかける
code:style.css
.selections .selection {
--text-selection-bg: var(--c-red-1, crimson);
background: linear-gradient( to right,
var(--text-selection-bg, crimzon),
var(--text-selection-bg, crimzon),
var(--text-selection-bg, crimzon)
) 0% center / 200% auto ; /* グラデーション */
animation: selection 4s linear infinite;
animation-direction: reverse;
/*animation-direction: alternate;*/
}
@keyframes selection {
to { background-position-x: 200%; }
}