📑 [sass]ブレークポイントの設定
作成日: 2021/07/17
0
//共通の幅を設定
$layout-width-inner: 1200px;

//pc, tab, spの設定
//ブレークポイント
$breakpoints: (
//キー : 値
  'sp': "(max-width: 767px)", 
  'tab': "(min-width: 768px) and (max-width: #{$layout-width-inner - 1px})", 
  'pc': "(min-width: #{$layout-width-inner})"
) !default;

//メディアクエリー
@mixin mq($breakpoint: sp) {
    @media #{map-get($breakpoints, $breakpoint)} {
        @content;
    }
}
よろしくおねがいします!