settings
インラインコードのハイライトやめる
let x = 2
code:style.css
code.code span {
color: inherit !important;
}
数式を箇条書きしたときに点が出るようにする
$ 0 \in \mathbb{N}
code:style.css
/* from https://scrapbox.io/wass80/settings */
.line.formula-line .dot {
display: inline !important;
}
.line .formula {
margin: auto 0px !important;
}
重要ぽい
code:style.css
.deco-\! {
color: #fff; /* 白文字 */
background-color: #ee6666; /* 赤背景 */
padding: 0.1em 0.2em 0.1em 0.2em;
}
あまり重要ではない
code:style.css
.deco-\~ {
color: #fff; /* 白文字 */
background-color: #1976d2; /* 青背景 */
padding: 0.1em 0.2em 0.1em 0.2em;
}
引用部分が斜体になるのを防ぐ
code:style.css
.quote {
font-style: normal !important;
}
外部リンクと分かるようにアイコンつける (画像にはつけない)
https://www.google.com/
/icons/amazon.icon
code:style.css
.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon)::after {
font-family: 'Font Awesome 5 Free';
content: ' \f35d';
font-weight: 900;
display: inline-block;
}
/villagepump/ネタバレ防止記法
これはネタバレです
code:style.css
.deco-\#{ /* 記法のキーとして#を使ったけど何でもいいと思う */
background-color: var(--page-text-color, #4a4a4a); /* 背景色をテキスト色と同じにする */
}
.line.cursor-line .deco-\#, .deco-\#:hover { /* カーソルがある行とマウスホバー時だけ背景を戻す */
background-color: inherit;
}