Add autoprefixer

hiasinho · Aug 2, 2016 · dc129db · dc129db
1 parent 66349c6
commit dc129db
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 6 deletions.
diff --git a/.nvmrc b/.nvmrc
@@ -0,0 +1 @@
+5.5.0
diff --git a/dist/leaflet-vector-markers.css b/dist/leaflet-vector-markers.css
diff --git a/package.json b/package.json
@@ -25,7 +25,9 @@
     "lintAndTest": "npm run lint && jest"
   },
   "dependencies": {
-    "leaflet": "^0.7.0"
+    "autoprefixer": "^6.3.7",
+    "leaflet": "^0.7.0",
+    "postcss-loader": "^0.9.1"
   },
   "peerDependencies": {
     "leaflet": "^0.7.0"

diff --git a/src/leaflet-vector-markers.scss b/src/leaflet-vector-markers.scss
@@ -34,8 +34,7 @@ Version: 0.0.5
 }
 
 /* Retina displays */
-@media (min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2),
-(-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx) {
+@media (min--moz-device-pixel-ratio: 1.5),(-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx) {
  .vector-marker {
   background-size: 720px 46px;
  }

diff --git a/webpack.config.js b/webpack.config.js
@@ -2,6 +2,7 @@
 
 var path = require('path');
 var ExtractTextPlugin = require("extract-text-webpack-plugin");
+var autoprefixer = require('autoprefixer');
 
 module.exports = {
   output: {
@@ -25,7 +26,7 @@ module.exports = {
         test: /\.scss$/,
         loader: ExtractTextPlugin.extract(
           'style',
-          'css!sass'
+          'css!postcss-loader!sass'
         )
       }
     ]
@@ -35,5 +36,6 @@ module.exports = {
   ],
   sassLoader: {
     includePaths: [path.resolve(__dirname, "./src")]
-  }
+  },
+  postcss: [ autoprefixer({ browsers: ['last 3 version', '> 10%', 'IE 8'] }) ]
 };