settings
code:style.css
body,
.editor {
font-family: -apple-system,BlinkMacSystemFont,"Avenir Next","Segoe UI",Arial,sans-serif;
}
.line.line-title {
font-weight: bold;
font-family: -apple-system,BlinkMacSystemFont,"Avenir Next","Segoe UI",Arial,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
font-feature-settings: "palt";
}
.line strong {
font-weight: bold !important;
}
// コピーボタン押しやすくする
.code-block .tool-buttons {
position: absolute;
right: 0px;
font-size: 2em;
color: gray;
}
.code-block:hover .tool-buttons>*:after {
content: attr(title);
}
// 順序付きリストにドット出す
.line.number-list .dot {
display: block;
}
// bullet journal
/* タグアイコンの共通スタイル (1) */
.line:not(.cursor-line) ahref='./!':not(.icon) span, .line:not(.cursor-line) ahref='./*':not(.icon) span, .line:not(.cursor-line) ahref='./_':not(.icon) span, .line:not(.cursor-line) ahref='./x':not(.icon) span, .line:not(.cursor-line) ahref='./o':not(.icon) span, display: inline-block; width: 0; text-indent: -9999px }
/* タグアイコンの共通スタイル (2) */
.line:not(.cursor-line) ahref='./!':not(.icon)::after, .line:not(.cursor-line) ahref='./*':not(.icon)::after, .line:not(.cursor-line) ahref='./_':not(.icon)::after, .line:not(.cursor-line) ahref='./x':not(.icon)::after, .line:not(.cursor-line) ahref='./o':not(.icon)::after, display: inline-block; min-width: 1.15em; padding-left: 1px;
font: normal 110%/normal FontAwesome; text-align: center }
/* ここから各アイコンの設定 */
.line:not(.cursor-line) ahref='./!':not(.icon)::after { content: '\f06a'; color: #F6AE2D } .line:not(.cursor-line) ahref='./*':not(.icon)::after { content: '\f069'; color: #F26419 } .line:not(.cursor-line) ahref='./_':not(.icon)::after { content: '\f096'; color: #666 } .line:not(.cursor-line) ahref='./x':not(.icon)::after { content: '\f046'; color: #069 } .line:not(.cursor-line) ahref='./o':not(.icon)::after { content: '\f10c'; color: #F26419 } .line:not(.cursor-line) ahref='./%3E':not(.icon)::after { content: '\f045'; color: lightgrey } .line:not(.cursor-line) ahref='./%3C':not(.icon)::after { content: '\f274'; color: lightgrey } // 引用を斜体じゃなくする
.line .quote {
font-style: normal;
}
.line a.empty-page-link {
border: 1px dashed;
}
/** 取り消しが同じ文字色だと分かりづらい */
.deco-- {
}