【Scss】こんなんあったんだね「sassmeister」で一通りScss構文書いてみる
いままでplaygroundは自分の環境でgulp走らせて試していた。(cssnextの台頭で頑張っているのかしら)
一通りscss関数書いてみる
Play with this gist on SassMeister.
【Scss】こんなんあったんだね「sassmeister」で一通りScss構文書いてみる
https://www.sassmeister.com/
「cssnext」カテゴリーアーカイブ
Container#eachDecl is deprecated. Use Container#walkDecls instead.
eachDeclは廃止されたので代わりにwalkDeclsを使え
var opacity = function (css, opts) {
css.eachDecl(function(decl) {
if (decl.prop === 'opacity') {
decl.parent.insertAfter(decl, {
prop: '-ms-filter',
value: '"progid:DXImageTransform.Microsoft.Alpha(Opacity=' + (parseFloat(decl.value) * 100) + ')"'
});
}
});
};
gulp.task('css', function () {
var processors = [
cssnext({browsers: ['last 2 version']})
//ここ
];
return gulp.src('./src/*.css')
.pipe(postcss(processors))
.pipe(gulp.dest('./dest'));
});
いったんチュートリアルのまるまるもってきたから、その時のバージョンと現在の差異があるらしい、とりあえずopacityは使わないし、バージョンアップも激しいだろうから一旦、上記「ここ」でopacityをタスクとから外したなくした(解決にはなっていない)
ここでみんな騒いでいる