settings

特定のハッシュタグの後ろに、画像を表示させる。

code:style.css

@media only screen and (min-width: 480px){

content:"";

background-size:204px 256px;

display:block;

width:204px;

height:256px;

position:fixed;

right:30px;

bottom:50px;

z-index:20;

}

}

code:style.css

/* 本文の最後にテキスト挿入 */

.app:not(.presentation) .page::after {

white-space:pre-wrap;

display: block; margin-top: 5rem; padding: 1rem 0; text-align: center;

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行は不要 */

バレットを少し薄めに

code:style.css

.line .indent-mark .dot {

top: 12px;

width: 6px;

height: 4px;

}

code:style.css

.deco-\+ { color: green }