スタイル事例集

Style Examples

ロゴ付き見出し

スタイルEの見出しにロゴ画像挿入＋padding leftの値を上書き調整

囲みの先頭には見出しが入ることを前提に、padding: 0 50px 20pxの指定。
下の空きはp、ulのデフォルト空きが30pxなことを想定してます。

案件によって空きの大きさは調整してください。 common.scss

グレーの赤枠Ver.

この辺のスタイルはcommonにとりあえず載せてるけど、使わないなら削除してください。

今の所　F・Hではこのスタイルに流用可能な見込みです。

一見、Eの見出しでも可能そうに見えますが、罫線の上にオブジェクトを重ねているので、若干罫線に切れた部分が発生します。