共通パーツ一覧

つくる予定でまだつくっていなかったり、
手をつけているけど途中だったりするものも含まれます。
なるべくそのまま使えるようにつくりますが、
不都合な場合があれば、相談しましょう。

基本設定

フォント

「PC 18px/SP 16px」を基本としてつくっています。
SPはとりあえずで設定しているので、ちょっと変わるかもしれません。

英語フォント用の関数があります。
「@include enFont();」で使えると思います。
「_setting.scss」に記載してあります。

5色用意しています。「_setting.scss」に記載してます。
「$navy」「$gold」「$black」「$dark-gray」「$light-gray」

見出し

「.c-heading~」で定義してあります。

デザインデータ上で「23pt」「26pt」と
微妙なサイズ違いもありますが、
とりあえず決め打ちしてつくっています。

近いサイズのものを使って変だったら
個別でスタイルつくるか
場合によっては、共通パーツを増やすので適宜ご相談ください。

最小見出し

最小見出し(字細)

小見出し

中見出し

下線付き見出し大

下線付き見出し小

角丸

4角の角丸は共通パーツとして定義してあります。
30pxの角丸と、14pxの角丸の2種類用意してあります。
「.c-trimmingLarge」「.c-trimmingMedium」です。
大きい角丸は、主に大きいビジュアルに
小さい角丸は、小さな画像やボタンにも使えると思います。

角丸大
角丸大
角丸小
角丸小

キャプション

画像と被せるキャプションです。
2色用意してあります。

ダミーテキスト
ダミーテキスト
ダミーテキスト
ダミーテキスト

フッター

PCの形だけつくっていますが、未完成です。
「--cafe」「--shop」で色がかわります。

© 2020 ESPASHIO
© 2020 ESPASHIO