Utilities：範囲メディアクエリ利用classの復活

[qrac]

@mixin mobile-fablet() {
  @media screen and (max-width: $screen-width-tablet - 1px) {
    @content;
  }
}

@mixin mobile-tablet() {
  @media screen and (max-width: $screen-width-desktop - 1px) {
    @content;
  }
}

@mixin mobile-desktop() {
  @media screen and (max-width: $screen-width-wide - 1px) {
    @content;
  }
}

このmixinは残っているが、.is-mobile-tablet-none などのclassはv7アップデート時に失われている。

案件によっては必須ではないものの、モバイルとデスクトップのデザイン切り替えでざっくりと使うことはあるので、オプションで復活させられるようにしておく。

$option-add-style-display-combination: false !default;
$option-add-style-size-combination: false !default;
$option-add-style-flex-combination: false !default;

[qrac]

v7.2.0にて反映。