Add autoprefixer

Mostly for flexbox, including leaflet-sidebar-v2 custom fork.

Unsure about Browsers to support, browserslist is a combination of:
- 'defaults', see https://github.com/ai/browserslist#queries
- "support all of the browsers that can display flexbox"
  https://davidwalsh.name/goodbye-vendor-prefixes

css/style.css

@@ -15,30 +15,18 @@ body, #content {
 .dataTables_wrapper,
 .dataTables_scroll,
 .dataTables_scrollBody {
-    display: -webkit-box;
-    display: -moz-box;
-    display: -ms-flexbox;
-    display: -webkit-flex;
     display: flex;
     
     flex-flow: column;
 }
 
 .flexrow {
-    display: -webkit-box;
-    display: -moz-box;
-    display: -ms-flexbox;
-    display: -webkit-flex;
     display: flex;
 
     flex-direction: row;
 }
 
 .flexgrow {
-    -webkit-box-flex: 1;
-    -moz-box-flex: 1;
-    -webkit-flex: 1;
-    -ms-flex: 1;
     flex: 1;
 }
 
@@ -47,18 +35,10 @@ body, #content {
 .dataTables_scroll,
 .dataTables_scrollBody,
 table.dataTable {
-    -webkit-box-flex: auto;
-    -moz-box-flex: auto;
-    -webkit-flex: auto;
-    -ms-flex: auto;
     flex: auto;
 }
 
 footer {
-    -webkit-box-flex: none;
-    -moz-box-flex: none;
-    -webkit-flex: none;
-    -ms-flex: none;
     flex: none;
 
     background-color: #f7f7f9;
@@ -153,7 +133,6 @@ footer {
 https://css-tricks.com/svg-line-animation-works/
 */
 .loading-trailer {
-    -webkit-animation: dash 0.4s linear infinite;
     animation: dash 0.4s linear infinite;
 }
 @-webkit-keyframes dash {

gulpfile.js

@@ -2,6 +2,8 @@ var gulp = require('gulp');
 var concat = require('gulp-concat');
 var concatCss = require('gulp-concat-css');
 var minifyCss = require('gulp-minify-css');
+var postcss = require('gulp-postcss');
+var autoprefixer = require('autoprefixer');
 var uglify = require('gulp-uglify');
 var sourcemaps = require('gulp-sourcemaps');
 var gulpDebug = require('gulp-debug');
@@ -91,6 +93,7 @@ gulp.task('styles', function() {
       }
     }))
     .pipe(concatCss(paths.destName + '.css'))
+    .pipe(postcss([ autoprefixer({ remove: false }) ]))
     .pipe(minifyCss({
       rebase: false
     }))

package.json

@@ -11,7 +11,9 @@
     "url": "https://github.com/nrenner/brouter-web.git"
   },
   "license": "MIT",
+  "browserslist": "> 0.5%, last 2 versions, Firefox ESR, not dead, Explorer >= 10, Android >= 4.1, Safari >= 7, iOS >= 7",
   "devDependencies": {
+    "autoprefixer": "^8.1.0",
     "del": "^1.1.1",
     "gulp": "^3.8.11",
     "gulp-bump": "^2.7.0",
@@ -25,6 +27,7 @@
     "gulp-if": "^2.0.0",
     "gulp-inject": "^1.2.0",
     "gulp-minify-css": "^1.0.0",
+    "gulp-postcss": "^7.0.1",
     "gulp-remember": "^0.3.0",
     "gulp-rename": "^1.2.0",
     "gulp-replace": "^0.5.4",