Flex：class名の数値を繋ぐハイフンを変更する機能

[qrac]

.is-mobile-12 などのclass名を別の命名規則に変更する場合に機能が足りない。

.hp_flex_mb1 にしようとしても .hp_flex_mb-1 となり、ハイフンが変更できない。ハイフンを変数で変更する機能を追加する。

Before

@include generate-style($option-generate-style-flex) {
  #{$modifier-flex}#{$suffix-flex-grow},
  #{$modifier-flex-mobile}#{$suffix-flex-grow} {
    @include musubii-style-flex-grow();
  }
  @for $i from 1 through $flex-split {
    #{$modifier-flex}-#{$i},
    #{$modifier-flex-mobile}-#{$i} {
      @include musubii-style-flex-split($i);
    }
  }
  #{$modifier-flex}#{$suffix-flex-full},
  #{$modifier-flex-mobile}#{$suffix-flex-full} {
    @include musubii-style-flex-full();
  }
  #{$modifier-flex}#{$suffix-flex-auto},
  #{$modifier-flex-mobile}#{$suffix-flex-auto} {
    @include musubii-style-flex-auto();
  }
}

[qrac]

After

@include generate-style($option-generate-style-flex) {
  #{$modifier-flex}#{$suffix-flex-grow},
  #{$modifier-flex-mobile}#{$suffix-flex-grow} {
    @include musubii-style-flex-grow();
  }
  @for $i from 1 through $flex-split {
    #{$modifier-flex}#{$suffix-flex-pipe}#{$i},
    #{$modifier-flex-mobile}#{$suffix-flex-pipe}#{$i} {
      @include musubii-style-flex-split($i);
    }
  }
  #{$modifier-flex}#{$suffix-flex-full},
  #{$modifier-flex-mobile}#{$suffix-flex-full} {
    @include musubii-style-flex-full();
  }
  #{$modifier-flex}#{$suffix-flex-auto},
  #{$modifier-flex-mobile}#{$suffix-flex-auto} {
    @include musubii-style-flex-auto();
  }
}

[qrac]

ビルド済のCSSに変更はない。

[qrac]

masterに反映。

[qrac]

v7.0.1に反映。