表組み一旦開発完了

スマホ時スクロール一旦開発完了

クラス名

bl_table__spScroll

マークアップ例

<figure class="bl_table bl_table__spScroll">
	<table>
		<thead>
			<tr>
				<th>TH項目</th>
				<th>TH項目</th>
				<th>TH項目</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>内容</td>
				<td>内容</td>
				<td>内容</td>
			</tr>
			<tr>
				<td>内容</td>
				<td>内容</td>
				<td>内容</td>
			</tr>
		</tbody>
	</table>
</figure>
<!-- /.bl_table.bl_table__spScroll -->

定義

機能
表組みのモディファイア

あしらい・振る舞い
スマホ時にスクロールするiPad縦以降でスクロールやめる。
スクロール時の表組み幅を40remにする

特記事項
カラム落ちのモディファイアとは同時に使えない

スマホ時カラム落ち一旦開発完了

クラス名

bl_table__spBlock

マークアップ例

<figure class="bl_table bl_table__spBlock">
	<table>
		<tbody>
			<tr>
				<th>TH項目</th>
				<td>内容内容</td>
			</tr>
			<tr>
				<th>TH項目</th>
				<td>内容内容</td>
			</tr>
			<tr>
				<th>TH項目</th>
				<td>内容内容</td>
			</tr>
		</tbody>
	</table>
</figure>
<!-- /.bl_table.bl_table__spBlock -->

定義

機能
表組みのモディファイア

あしらい・振る舞い
スマホ時にカラム落ち（テーブル内の要素をブロックにする）する

特記事項
スクロールのモディファイアとは同時に使えない