セクション余白区切り線一旦開発完了

クラス名

el_sectSeparator

マークアップ例

<hr class="el_sectSeparator" />
<hr class="el_sectSeparator" aria-hidden="true" />

定義

機能
セクション余白を設ける
セクションの余白をブロックエディタなどで使えるように、「区切り線」ブロックのスタイルとしても登録するにクラス名を付与してルールが適用できるようにしておく

あしらい・振る舞い
透明の区切り線で、上に3rem、下に4remのマージンを持つ

特記事項
hr要素に適用、他は認めない
要素としては不要だが余白を設けるためだけに使う場合は aria-hidden="true" を設定する

ファイルパス

Change Log

1. 開発開始：2021-09-30
2. 最終更新：2021-10-21