PARTS
★パーツ
[bogo]
アイキャッチはeyecatchクラスを使いこのように設定します
container
widthは「デザインの幅 + padding(20px)」です。
グーグルマップ
googlemapで施設を表示して「共有」> 「地図を埋め込む」からiframeをコピーしてください。
※iframeのheight属性とwidth属性を削除してください
テーブル
tableクラスを付けると、767px以下になったときに表が縦積みになります。
| 果物 | 味 |
|---|---|
| イチゴ | 甘い |
| レモン | 酸っぱい |
-borderクラスで線が付きます
| 果物 | 味 |
|---|---|
| イチゴ | 甘い |
| レモン | 酸っぱい |
-headerクラスでheaderの色が変わります
| 果物 | 味 |
|---|---|
| イチゴ | 甘い |
| レモン | 酸っぱい |
パンくずリスト
その他の用意されているクラス
- .totop(上部に戻るボタン)
- .is-hidden_pc(PC表示ではhidden)
- .is-hidden_sp(SP表示ではhidden)
- .u-txt_○○(text-align: ○○;)
- .u-mb50(5刻みで5~50まで指定可能)
SCSSについて
メディアクエリ
- @include max-mq() {} : SP表示のみ適用
- @include min-mq() {} : PC表示のみ適用
フォントサイズ
font-size: var(–fz16);
「–fz10 ~ –fz80」まで使えます。