settings
ページ全体の設定置き場
バレットの色・フォントの変更
さん
し
ご
ろく以降
code:style.css
:root {
--li-color-1: hsla(216,100%,40%,0.6);
--li-color-2: hsla(288,100%,40%,0.6);
--li-color-3: hsla(0,100%,40%,0.6);
--li-color-4: hsla(72,100%,40%,0.6);
--li-color-5: hsla(144,100%,40%,0.6);
--ul-bullet: '\f111'; /* まる */
--ol-bullet: '\f292'; /* ハッシュ記号 '#' */
}
.line .indent-mark .dot::before {
display: block;
position: absolute;
right: -1px;
top: -10px;
font-family: 'Font Awesome 5 Free';
/* font-family: FontAwesome; /* old */
font-weight: 900;
font-size: 6px;
content: var(--ul-bullet, '\f068');
color: var(--li-color-0);
}
.line .indent-mark .dot {
background-color: transparent;
}
.line .indent-mark .dot::before {
font-size: 9px;
}
.line .indent-mark .c-0 + .dot::before {
color: var(--li-color-1);
}
.line .indent-mark .c-1 + .dot::before {
color: var(--li-color-2);
}
.line .indent-mark .c-2 + .dot::before {
color: var(--li-color-3);
}
.line .indent-mark .c-3 + .dot::before {
color: var(--li-color-4);
}
.line .indent-mark .c-4 + .dot::before {
color: var(--li-color-5);
}
画像をすべて大きくする
code:style.css
.line img.image {
max-height: none !important;
max-width: 95% !important;
}
アイコンサイズを大きくするiihanashi.iconです
code:style.css
.line img.icon { height: 1.5em; top: -0.1em; left: 0.08em }