レスポンシブユーティリティー

レスポンシブ向けの汎用クラスです。

表示/非表示の切り替え

スマートフォン以下で非表示

sp_none

タブレット以下で非表示

tablet_none

スマートフォンのみ表示

none sp_block

マージンの切り替え

ブレークポイントごとに数値で指定

mb40 tablet_mb20 sp_mb10

キーワードで指定

rmb_m

パーセントに変換して指定

margin-bottom:per(30px, $width_main_column);