見出しを良い感じにする
#UserCSS
/memooooo/settingsのプロジェクトを見て、見出しのスタイルキレイだなって思った
しかし、これがあると見出しを使いたくなってしまうmrsekut.icon
できるだけブロックで済ませたい
どうしてもネストが深くなりすぎてしまうときだけ使ってる
使い分けている感覚
level 1
文章内の強調でのみ使う
なのでここにはスタイル当てたくない
level 2
小見出しでたまに使うかも
level 3
小見出しでたまに使うかも
良さげなので一応コピっておく
code:style.css
/* * <ーこれに蛍光のラインを足す */
.level-1 {
background: linear-gradient(transparent 60%, #ffeb36 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;
background: #ffeb36;
}
こんな感じ
https://gyazo.com/bbdbc14fd4c25e650a77cad871bf9194