Update: auto-prefixerの導入

副次的にFirefoxでタブをクリック時にドラッグ状態になるのが直った

gulp/config.coffee

@@ -1,5 +1,5 @@
 fs = require "fs-extra"
-{compiler: c, rollup: _} = require "./plugins"
+{compiler: c, rollup: _, postcss: p} = require "./plugins"
 util = require "./util"
 
 browsers = [
@@ -114,6 +114,9 @@ defaultOptions =
     bare: true
   sass:
     outputStyle: "compressed"
+  postcss: [
+    p.autoprefixer()
+  ]
   pug:
     pug: c.pug
     locals: manifestJson

gulp/css.coffee

@@ -23,6 +23,7 @@ ui = (browser) ->
   return ->
     return gulp.src paths.css.ui
       .pipe($.sass(sassOptions).on("error", util.onScssError))
+      .pipe($.postcss(defaultOptions.postcss))
       .pipe(gulp.dest(output))
 
 view = (browser) ->
@@ -33,6 +34,7 @@ view = (browser) ->
   return ->
     return gulp.src paths.css.view
       .pipe($.sass(sassOptions).on("error", util.onScssError))
+      .pipe($.postcss(defaultOptions.postcss))
       .pipe(gulp.dest(output))
 
 write = (browser) ->
@@ -43,6 +45,7 @@ write = (browser) ->
   return ->
     return gulp.src paths.css.write
       .pipe($.sass(sassOptions).on("error", util.onScssError))
+      .pipe($.postcss(defaultOptions.postcss))
       .pipe(gulp.dest(output))
 
 ###

gulp/plugins.coffee

@@ -19,12 +19,15 @@ module.exports =
     coffee: require "gulp-coffee"
     replace: require "gulp-replace"
     sass: sass
+    postcss: require "gulp-postcss"
     pug: require "gulp-pug"
   rollup:
     rollup: require "rollup"
     ts: require "rollup-plugin-typescript2"
     coffee: require "rollup-plugin-coffee-script"
     replace: require "rollup-plugin-replace"
+  postcss:
+    autoprefixer: require "autoprefixer"
   other:
     sharp: require "sharp"
     toIco: require "to-ico"