settings

ほしかったので一部公式鯖scrapboxより拝借

これを赤くするやつ

code:style.css

.deco-\! {

padding: 0.1em 0.2em 0.1em 0.2em;

}

画像サイズの変更

code:style.css

/* 画像サイズ変更 */

.level-1 img { width: 16.7% }

.level-2 img { width: 33.3% }

.level-3 img { width: 50.0% }

.level-4 img { width: 66.7% }

.level-5 img { width: 83.3% }

.level-6 img { width: 100.0% }

大量の画像を並べる場合

code:style.css

/* マトリクス記法 */

.line:not(.cursor-line) .deco-\| { display: inline-flex }

.line .deco-\| img.image { object-fit: contain; margin: 0 }

/* 太字記法と組み合わせて列数を変える */

.line .level-1 .deco-\| > span { width: calc(100%/1) }

.line .level-2 .deco-\| > span { width: calc(100%/2) }

.line .level-3 .deco-\| > span { width: calc(100%/3) }

.line .level-4 .deco-\| > span { width: calc(100%/4) }

.line .level-5 .deco-\| > span { width: calc(100%/5) }

/* 並べた画像の間にスキマが欲しい場合はこの2行を追加・ぴっちり敷き詰めたい場合はこの2行は不要 */

ピン止めで段落分けるやつです。勝手に追加しました byバルブ

code:style.css

.page-list-item.pin + .page-list-item:not(.pin) {

clear: both;

}