postcss-halloween

install

npm install postcss-halloween

gulp

var postcss = require('gulp-postcss');

gulp.task('styles', function() {
  return gulp.src([
    'src/css/style.css',
  ])
  .pipe(postcss([
      require("postcss-halloween")
    ]))
  .pipe(gulp.dest('build/css'))
});

usage

.foo {
  おばけ: かぼちゃおばけ;
}

Values

おおかみおとこ / Wolfman

.foo {
  おばけ: おおかみおとこ;
}

by @spicagraph

おばけ / Ghost

.foo {
  おばけ: おばけ;
}

by @spicagraph

かぼちゃおばけ / Pumpkin

.foo {
  おばけ: かぼちゃおばけ;
}

by @spicagraph

こうもり / Bats

.foo {
  おばけ: こうもり;
}

by @spicagraph

まじょ / Witch

.foo {
  おばけ: まじょ;
}

by @spicagraph

ドラキュラ / Dracula

.foo {
  おばけ: ドラキュラ;
}

by @rokuzeudon

フランケンシュタイン / Frankenstein

.foo {
  おばけ: フランケンシュタイン;
}

by @rokuzeudon

ミイラおとこ / Mummy

.foo {
  おばけ: ミイラおとこ;
}

by @rokuzeudon

イラスト提供してくれる方へ

このプラグインをMITで公開したいのですが、再配布可能なイラストがなかなかありません。 再配布OKなイラストとして提供してくれる方はぜひプルリクお願いいたします！

ハロウィンのおばけをシルエットのようなイラストで描いていただけるとありがたいです。

imagesディレクトリにSVG形式の画像を入れてプルリク送っていただければ、こちらでコードに書きかえます！

Lisense

Code licensed under the MIT.