Styleguide

Category

Tag

All Colors

テーブル

/assets/src/styles/foundation/_Table.scss
theadのth theadのth theadのth
tbodyのth tbodyのtd tbodyのtd
tbodyのth tbodyのtd tbodyのtd
tbodyのth tbodyのtd tbodyのtd 
<table>
    <thead>
        <tr>
            <th>theadのth</th>
            <th>theadのth</th>
            <th>theadのth</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>tbodyのth</th>
            <td>tbodyのtd</td>
            <td>tbodyのtd</td>
        </tr>
        <tr>
            <th>tbodyのth</th>
            <td>tbodyのtd</td>
            <td>tbodyのtd</td>
        </tr>
        <tr>
            <th>tbodyのth</th>
            <td>tbodyのtd</td>
            <td>tbodyのtd</td>
        </tr>
    </tbody>
</table>

theadなしのパターン

tbodyのth tbodyのtd tbodyのtd
tbodyのth tbodyのtd tbodyのtd
tbodyのth tbodyのtd tbodyのtd 
<table>
    <tbody>
        <tr>
            <th>tbodyのth</th>
            <td>tbodyのtd</td>
            <td>tbodyのtd</td>
        </tr>
        <tr>
            <th>tbodyのth</th>
            <td>tbodyのtd</td>
            <td>tbodyのtd</td>
        </tr>
        <tr>
            <th>tbodyのth</th>
            <td>tbodyのtd</td>
            <td>tbodyのtd</td>
        </tr>
    </tbody>
</table>

見出し

/assets/src/styles/foundation/_Typography.scss

H1タイトルが入ります

H2タイトルが入ります

H3タイトルが入ります

H4タイトルが入ります

H5タイトルが入ります
H6タイトルが入ります

テキストはpタグを使用してください

<h1>H1タイトルが入ります</h1>
<h2>H2タイトルが入ります</h2>
<h3>H3タイトルが入ります</h3>
<h4>H4タイトルが入ります</h4>
<h5>H5タイトルが入ります</h5>
<h6>H6タイトルが入ります</h6>

<p>テキストはpタグを使用してください</p>