上下マージン (rem)一旦開発完了

下マージン10rem:hp_mb10rem

上マージン-2rem:hp_MT2rem 大文字になることに留意

クラス名

hp_mtXrem, hp_mbXrem

マークアップ例

<p class="hp_mb10rem">下マージン10rem:hp_mb10rem</p>
<p class="hp_MT2rem">上マージン-2rem:hp_MT2rem  大文字になることに留意</p>

定義

機能
上下方向のマージンを提供

あしらい・振る舞い
上マージンは、-3rem、-2rem、-1.5rem、-1rem、-0.5rem、0、1〜10rem
下マージンは0〜10rem

特記事項
マイナス値の時はhp_MT2remと大文字になることに留意

ファイルパス

assets/scss/helper/margin-rem

Change Log

  1. 開発開始:2021-07-16
  2. 最終更新:2021-10-24