Dummy

ダミー

※写真はイメージです。

  1. TOP

  2. デモ

アイコン系

  • ico_01

  • ico_02

  • ico_03

  • ico_04

  • ico_angle-left

  • ico_arrow-bottom

  • ico_arrow-left

  • ico_arrow-right

  • ico_arrow-right02

  • ico_external-link

  • ico_instagram

  • ico_phone-alt

  • ico_search

アイコンたちです。縦横はローカルで指定してください。

ボタン系

TEL／052-772-2221

.btn-telです。

ダミー

.btn-01です。

ダミー

.btn-02です。

ダミー
ダミー

.btn-03です。

ダミー
ダミー

.btn-04です。

ダミー
ダミー

.btn-05です。

ダミー

.btn-06です。

タイトル系

SAMPLE

見出しが入ります

SAMPLE

見出しが入ります

.title-01です。

SAMPLE

見出しが入ります

.title-02です。

ホバーアクション

PCではホバー/TAB・SPでは反応しない

ホバーアクションは@include media_hover {}を利用することで、ホバーが利用可能なデバイスでのみホバーアクションを設定することが可能。

スクロールアニメーション

.fadein
フェード
.fadein-top
上からフェード
.fadein-bottom
下からフェード
.fadein-left
左からフェード
.fadein-right
右からフェード
.fadein-w
フェード
（PCのみ）
.fadein-top-w
上からフェード
（PCのみ）
.fadein-bottom-w
下からフェード
（PCのみ）
.fadein-left-w
左からフェード
（PCのみ）
.fadein-right-w
右からフェード
（PCのみ）
.fadein-n
フェード
（SPのみ）
.fadein-top-n
上からフェード
（SPのみ）
.fadein-bottom-n
下からフェード
（SPのみ）
.fadein-left-n
左からフェード
（SPのみ）
.fadein-right-n
右からフェード
（SPのみ）

Sassのcalc内で関数を利用したい場合

.hove{
  widht: calc( 100% - #{vw(30)} );
}

上記のように記述するとcalc内でvw関数を利用することが可能です。

※写真はイメージです。