Section-0をページトップとして特別化するCSS

https://gyazo.com/10a246069354171d34efd7ce67699920

こんな感じのレイアウトがサクッとできるようにしたい。　　　

ページタイトルの直下 Section-0 で、

ページの概要

を書くという構成が、個人プロジェクトで定着してしまったので、それっぽい表示スタイルにカスタマイズする。

プレゼンテーションモードのときを除外するようにした。

code:style.css

.app:not(.presentation) .section-0:not(.line-title) { /* 個々の行にスタイルがつく */

padding: 2px 20px 0 20px;

background-color : rgba(0,80,20,0.05);

font-size: 90%;

line-height :1.4em;

}

.app:not(.presentation) .section-0:nth-of-type(2) { /* 1番目はページタイトル　2番めが1行目　*/

margin-top: 1.0em;

}

.app:not(.presentation) .line.section-1.section-title { /* section-1 を少し下げる */

margin-top: 2.0em;

}

.app:not(.presentation) .section-title {

font-size: 105%;

}

UserCSS.icon