Dummy
ダミー
※写真はイメージです。
アイコン系
-
ico_arrow-left
-
ico_01
-
ico_02
-
ico_03
-
ico_04
-
ico_airport_shuttle
-
ico_angle-left
-
ico_angle-up
-
ico_arrow-bottom
-
ico_arrow-right
-
ico_arrow-right02
-
ico_bed
-
ico_deployed_code
-
ico_external-link
-
ico_felt
-
ico_fire_truck
-
ico_handyman
-
ico_instagram
-
ico_light_group
-
ico_local_shipping
-
ico_person_apron
-
ico_phone-alt
-
ico_pin
-
ico_search
-
ioc_clipboard
アイコンたちです。縦横はローカルで指定してください。
ボタン系
.btn-telです。
.btn-01です。
.btn-06です。
.btn-07です。
タイトル系
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のみ)
フェード
(PCのみ)
.fadein-top-w
上からフェード
(PCのみ)
上からフェード
(PCのみ)
.fadein-bottom-w
下からフェード
(PCのみ)
下からフェード
(PCのみ)
.fadein-left-w
左からフェード
(PCのみ)
左からフェード
(PCのみ)
.fadein-right-w
右からフェード
(PCのみ)
右からフェード
(PCのみ)
.fadein-n
フェード
(SPのみ)
フェード
(SPのみ)
.fadein-top-n
上からフェード
(SPのみ)
上からフェード
(SPのみ)
.fadein-bottom-n
下からフェード
(SPのみ)
下からフェード
(SPのみ)
.fadein-left-n
左からフェード
(SPのみ)
左からフェード
(SPのみ)
.fadein-right-n
右からフェード
(SPのみ)
右からフェード
(SPのみ)
Sassのcalc内で関数を利用したい場合
.hove{
widht: calc( 100% - #{vw(30)} );
}
上記のように記述するとcalc内でvw関数を利用することが可能です。
