カラムレイアウト一旦開発完了

クラス名

bl_column

マークアップ例

<div class="bl_column">
	<div></div>
	<div></div>
	<div></div>
	<div></div>
</div>
<!-- /.bl_column -->

定義

機能
要素をフレックスレイアウトで配置

あしらい・振る舞い
アイテムの幅を揃え、同じ1行の高さを揃える。
1行は4アイテムまで。
4アイテムを超える場合や、要素の幅が40rem（変数で変更可能）を下回る場合は1カラムに並ぶ。

特記事項
直下の子要素に、img, ifame, video 、クリップメディア は避ける。

変数とデフォルト値

--bl--flex-column--gap: var(--global--horizon-gap);
--bl--column--bp: 40rem;

ファイルパス

Change Log

1. 開発開始：2022-09-21
2. 最終更新：2022-09-21