title
コンポーネント内で使用できる、装飾見出しを作成する。div要素・p要素でも使用できる。
このクラス単独では初期化のみ行うため、title-(type)クラスを付与する必要がある。
上下余白は .m-(direction)-(size) で別途指定する。
title-01
これはh1要素です
これはp要素です
<h1 class="title title-01">これはh1要素です</h1> <p class="title title-01">これはp要素です</p>
title-02
これはh2要素です
これはp要素です
<h2 class="title title-02">これはh2要素です</h2> <p class="itle title-02">これはp要素です</p>
title-03
これはh3要素です
これはp要素です
<h3 class="title title-03">これはh3要素です</h3> <p class="title title-03">これはp要素です</p>
title-04
これはh4要素です
これはp要素です
<h4 class="title title-04">これはh4要素です</h4> <p class="title title-04">これはp要素です</p>
title-05
これはh5要素です
これはp要素です
<h5 class="title title-05">これはh5要素です</h5> <p class="title title-05">これはp要素です</p>
title-06
これはh6要素です
これはp要素です
<h6 class="title title-06">これはh6要素です</h6> <p class="title title-06">これはp要素です</p>
title-(type)-(a-z)
基本見出しの派生スタイル。(type)が 02 であれば、02の派生。
title-02-a
これはh2要素です
<h2 class="title title-02-a">これはh2要素です</h2>
title-02-b
テキストの前後にボーダーが入るため、短文が前提となる。
これはh2要素です
<h2 class="title title-02-b">これはh2要素です</h2>
title-03-a
テキストの前にボーダーが入るため、短文が前提となる。
これはh3要素です
<h3 class="title title-03-a">これはh3要素です</h3>