英字アイキャッチ見出し一旦開発完了

Eye Catch

目立つ見出しになる

.el_eyeCatch 要素に英単語（アイキャッチになる）、.el_heading 要素に日本語の見出しという想定

el_eyeCatchHeading

<div class="el_eyeCatchHeading">
	<p class="el_eyeCatch">Eye Catch</p>
	<h2 class="el_heading">目立つ見出しになる</h2>
</div>
<!-- /.el_eyeCatchHeading -->

機能
セクションの最も目立つ見出し
ページのアウトラインとなる

あしらい・振る舞い
区切り線と、大きめの英語文字を持つ。見出しのノード自体は日本語
文字揃えは「開始・中央・最後」いずれにも対応

特記事項

変数とデフォルト値

--el--eye-catch-heading--color: 文字色（初期値キーカラー）
--el--eye-catch-heading--fz: フォントサイズ、見出しの方
--el--eye-catch-heading--eye-catch-fz: アイキャッチのフォントサイズ

Emmet: .el_eyeCatchHeading>p.el_eyeCatch+h2.el_heading

assets/scss/element/eye-catch-heading