generated at
見出しを良い感じにする


/memooooo/settingsのプロジェクトを見て、見出しのスタイルキレイだなって思った

しかし、これがあると見出しを使いたくなってしまうmrsekut
できるだけブロックで済ませたい
どうしてもネストが深くなりすぎてしまうときだけ使ってる

使い分けている感覚
level 1
文章内の強調でのみ使う
なのでここにはスタイル当てたくない
level 2
小見出しでたまに使うかも
level 3
小見出しでたまに使うかも


良さげなので一応コピっておく

style.css
/* [* ]<ーこれに蛍光のラインを足す */ .level-1 { background: linear-gradient(transparent 60%, #ffeb36 60%); }

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; background: #ffeb36; }

こんな感じ