CSS用クラス名一覧(セレクタ)

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

全体を囲むdivにはpageクラスが付与されており、さらにそれぞれのページに対して個別のクラスが付与されています。
トップページには page-_top クラスが付与されています。
パーマリンクを設定したページにはそのパーマリンクのURL文字列が page-about のような形で適用されます。パーマリンクを指定していない場合にはURLにもなっているページIDが割り当てられます。
CSS
 

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

全体を囲むdivにはパンくずリストに応じた pageMap から始まるクラスも付与されています。
CSS
例えば、トップページ配下のblogページ配下の個別ページにスタイルを当てたい場合にはこのようなcssを書けば適用できます。
CSS
 

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

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

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

CSS

コンテンツを囲むクラス

 
CSS

タイトルエリア

.contents内で
  • ページアイコン
  • パンくずリスト(階層リスト)
  • ページタイトル
  • ページ日時
を含むタイトルエリアを囲むsectionおよびdivに付与されるクラスです。 .titleSectionは画面幅いっぱいなので、.titleSection__contentsWrapperを利用してコンテンツと横幅を揃えられます。
CSS

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

CSS

パンくずリスト

タイトル上部と、コンテンツ下部のどちらも同じCSSクラスが指定されます。
CSS

ページタイトル

h1に付与されるクラスです。
CSS

日付

pageDatetime__createdの中に pageDatetime__created__daypageDatetime__created__time が入ります。日付だけ表示したい場合は pageDatetime__created__timedisplay: none; を指定してください。
CSS

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

見出しや区切り線に合わせてセクションを分けるWraptasの独自機能を利用した時にセクションごとに付与されるクラスです。
.separatedSectionは画面幅いっぱいなので、.separatedSection__contentsWrapperを利用してコンテンツと横幅を揃えられます。
CSS

シェアボタン

SNSへのシェアリンクボタンです。現在はTwitterのみ対応したいます。
CSS

フッター

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

 

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

テキスト

CSS

テキストカラー

CSS

テキスト背景色

CSS

テキスト装飾

CSS

コード

CSS

数式

CSS

コールアウト

CSS

コールアウト テキストカラー

CSS

コールアウト テキスト背景色

CSS

ページリンク

CSS

ブックマーク

CSS
 

画像などのアセット

CSS
 

カラム

CSS
 

Toggle

CSS
 

リスト

CSS

テーブル

CSS
 

ギャラリー

CSS