余白
余白
余白は $base-space の N px を基準として設計します。
| 変数 | 値 | 属性 | 内容 |
|---|---|---|---|
| $min-space | 1/4N px | 余白 | グループ（小）のマージン（ラジオボタンとテキストなど）、一覧の余白、見出し下部余白で使用します。 |
| $hf-space | 1/2N px | 余白 | グループのマージン（フォームの項目毎）、一覧の余白、見出し下部余白で使用します。 |
| $base-space | N px | 余白 | 段落（P）の基本的な下部余白です。 |
| $double-space | 2N px | 余白 | 一番大きなセクション（SECTION）の下部余白などに使用します。 |
枠組み要素サンプル
基本となる枠組み要素の下部余白例です。
- double-space :
一番外枠の <SECTION> の下部余白及び、その他、<MAIN> に上下余白が必要であれば採用します。
- base-space :
ベースとなる余白です。PやTABLE、LISTなどの下部余白に該当します。
グループ要素サンプル
基本となる枠組み要素の下部余白例です。
- hf-space :
グループのマージン（フォームの項目毎）、一覧の余白、見出し下部余白で使用します。
- min-space :
グループ（小）のマージン（ラジオボタンとテキストなど）、一覧の余白、見出し下部余白、テキストボックスやテーブルのセルで使用します。