Exampleスタイルガイド

枠組みについて

固定ページは下記のような枠組みにしています。

＜section class=”○○-wrap wrapper”＞
　　＜h2＞大枠＜/h2＞
　　＜p＞○○にはそのページのスラッグと同じものが入ります。＜/p＞
　　＜p＞全幅にしたい場合は「wrapper」を抜いて作成してください。＜/p＞
　　＜div class=”sec1″＞
　　　　＜h3＞中枠＜/h3＞
　　　　＜p＞セクションごとに数字を増やします。＜/p＞
　　　　＜div class=”inner”＞
　　　　　　　＜h4＞小枠＜/h4＞
　　　　　　　＜div class=”box”＞
　　　　　　　　　＜h5＞小小枠＜/h5＞
　　　　　　　＜/div＞
　　　　＜/div＞
　　＜/div＞
＜/section＞

見出し一覧

unit-title-01

unit-title-01 left

unit-title-02

unit-title-03

リスト一覧

unit-list-flex
unit-list-flex
unit-list-flex

unit-list-01
unit-list-01
unit-list-01

unit-list-01 arrow
unit-list-01 arrow
unit-list-01 arrow

unit-list-01 number
unit-list-01 number
unit-list-01 number

unit-note-01
unit-note-01
unit-note-01

ボックス一覧

flex-box

flex-boxflex-boxflex-boxflex-boxflex-boxflex-boxflex-boxflex-box
flex-boxflex-boxflex-boxflex-boxflex-boxflex-boxflex-boxflex-box
flex-boxflex-boxflex-boxflex-boxflex-boxflex-boxflex-boxflex-box