CSS用クラス名一覧（セレクタ）

ページ全体を囲むdivに付与しているクラスパンくずリストに応じたクラスヘッダーに付与しているクラスカバー画像に付与しているクラスコンテンツを囲むクラスタイトルエリアタイトル部のページアイコンパンくずリスト日付セクション区切りをしたコンテンツを囲むdiv シェアボタンフッターコンテンツ内で指定してあるクラス一覧テキストカラー、テキスト背景色テキスト装飾等コード数式 Callout ページリンクブックマーク画像などのアセットカラム Toggle リストテーブルギャラリー

ページ全体を囲むdivに付与しているクラス

全体を囲むdivにはpageクラスが付与されており、さらにそれぞれのページに対して個別のクラスが付与されています。

トップページには page-_top クラスが付与されています。

パーマリンクを設定したページにはそのパーマリンクのURL文字列が page-about　のような形で適用されます。パーマリンクを指定していない場合にはURLにもなっているページIDが割り当てられます。

CSS

パンくずリストに応じたクラス

全体を囲むdivにはパンくずリストに応じた pageMap から始まるクラスも付与されています。

CSS

例えば、トップページ配下のblogページ配下の個別ページにスタイルを当てたい場合にはこのようなcssを書けば適用できます。

CSS

ヘッダーに付与しているクラス

基本 .headerは画面幅いっぱいなので、.header__contentsWrapperを利用してコンテンツと横幅を揃えられます。

CSS

カバー画像に付与しているクラス

CSS

コンテンツを囲むクラス

CSS

タイトルエリア

ページアイコン

パンくずリスト

ページタイトル

ページ日時

を含むタイトルエリアを囲むsectionおよびdivに付与されたclassです

CSS

タイトル部のページアイコン

CSS

パンくずリスト

CSS

日付

pageDatetime__createdの中に pageDatetime__created__day と pageDatetime__created__time が入ります。日付だけ表示したい場合は pageDatetime__created__time へ display: none; を指定してください。

CSS

セクション区切りをしたコンテンツを囲むdiv

CSS

シェアボタン

CSS

フッター

CSS

※以下執筆途中です

コンテンツ内で指定してあるクラス一覧

テキストカラー、テキスト背景色

CSS

テキスト装飾等

CSS

コード

CSS

数式

CSS

Callout

CSS

ページリンク

CSS

ブックマーク

CSS

画像などのアセット

CSS

カラム

CSS

Toggle

CSS

テーブル

CSS

ギャラリー

CSS