gulp-sassでrgba(0,0,0,0)がtransparentに変わってしまう

Question

gulpを使ってscssをcssに変換しているのですが、rgba(0,0,0,0)を指定している箇所が、勝手にtransparentに変換されてしまいます。

//_in.scss
html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

gulpを通したCSSファイル

//out.css
html {
    -webkit-tap-highlight-color: transparent;
}

var gulp = require('gulp'),
    sass = require('gulp-sass');

gulp.task("sss", function () {
    return gulp.src('scss/*.scss')
    .pipe(sass({outputStyle: 'expand'}))
    .pipe(gulp.dest('./css/'));
});

尚、バージョンは以下になります。
gulp:3.9.1
gulp-sass:3.2.1

なぜこのような自動変換が行われるのか、ご存知の方がいらしたら教えていただけないでしょうか？
よろしくお願いいたします。

Answer 1

rgba(0,0,0,0)を指定している箇所が、勝手にtransparentに変換されてしまいます。

アルファチャンネルが0だということは、rgbが何色だろうと完全に透明、すなわちtransparentと意味的に同じものです。

Comments

[jlhgw]

ありがとうございます。同じことなんですが、勝手に変換されてしまうのが少々気持ち悪いと感じています。

[maisumakun]

文字数が減るのでtransparentにしてしまう、ということでしょう。