お問い合わせ

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

unit-img-box
unit-img-box