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>
<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