settings

https://gyazo.com/514f410e75e18b719db9f88b915b5d09

code:style.css.disable

.level-2{

background: linear-gradient(transparent 60%, rgb(105, 251, 170) 60%);

}

code:style.css

.line strong.level-2 {

/*display: block;*/

position: relative;

padding-left: 16px;

}

.line strong.level-2:before{

content: '';

position: absolute;

width: 5px;

height: 100%;

top: 0;

left: 0;

}

←控えめになる

code:style.css

/* 箇条書きを控えめにする */

.app .line .indent-mark .dot {

height: .2em; width: .4em; border-radius: 25%;

background-color: rgba(173,173,173,.55) }

.app:not(.presentation) .line .indent-mark .dot { top: auto; bottom: 0 }

code:style.css

/* 付箋記法のスタイル例 */

.line:not(.cursor-line) .deco-\~ {

display: inline-block; position: absolute; top: -0.6em; right: -6vw;

max-width: 40%; padding: .3rem 1rem;

transform: rotate(-0.8deg); box-shadow: 4px 1px 3px rgba(0,0,0,.2) }

.presentation .line .deco-\~ { position: static; max-width: 100% }

@media screen and (max-width: 768px) { .line:not(.cursor-line) .deco-\~ { position: static; max-width: 100% } }

@media print { .line:not(.cursor-line) .deco-\~ {

/* 太字記法との組み合わせでスタイルを変える場合 */

/* 付箋記法内で打消し線記法と下線記法を併用する場合 */

.line .deco-\~.deco-- { text-decoration: line-through }

.line .deco-\~.deco-_ { text-decoration: underline }

code:style.css

/* チェックボックスになるタグ v2 Font Awesome版 */

display: inline-block; width: 0; text-indent: -9999px }

display: inline-block; min-width: 1.15em; padding-left: 1px;

font-family: FontAwesome; font-size: 120%; text-align: center; vertical-align: middle }