スペーサー一旦開発完了

クラス名

el_spacer

マークアップ例

<div class="el_spacer" aria-hidden="true" role="presentation"></div>

高さを変えてみる例
<div class="el_spacer" aria-hidden="true" role="presentation" style="--el--spaser--h:1rem;"></div>

定義

機能
余白を与える

あしらい・振る舞い
高さはセクション空き相当(var(--global--spacing-section)

特記事項
回り込みの解除ができる

変数とデフォルト値

--el--spaser--h: var(--global--spacing-section);

ファイルパス

assets/scss/element/spacer

Change Log

  1. 開発開始:2022-10-27
  2. 最終更新:2023-02-14