Use Autoprefixer to add the vendor prefixes

Ref h5bp#1682 h5bp#1682 (comment) https://github.com/postcss/autoprefixer https://github.com/sindresorhus/gulp-autoprefixer Close h5bp#1682
maoberlehner · Mar 13, 2015 · c7057be · c7057be
1 parent 4f6a87f
commit c7057be
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 8 deletions.
diff --git a/gulpfile.js b/gulpfile.js
@@ -103,8 +103,11 @@ gulp.task('copy:main.css', function () {
 
     return gulp.src(dirs.src + '/css/main.css')
                .pipe(plugins.header(banner))
+               .pipe(plugins.autoprefixer({
+                    browsers: ['last 2 versions', 'ie >= 8', '> 1%'],
+                    cascade: false
+               }))
                .pipe(gulp.dest(dirs.dist + '/css'));
-
 });
 
 gulp.task('copy:misc', function () {

diff --git a/package.json b/package.json
@@ -5,6 +5,7 @@
     "del": "^1.1.1",
     "glob": "^5.0.1",
     "gulp": "^3.8.11",
+    "gulp-autoprefixer": "^2.1.0",
     "gulp-header": "^1.2.2",
     "gulp-jscs": "^1.4.0",
     "gulp-jshint": "^1.9.2",

diff --git a/src/css/main.css b/src/css/main.css
@@ -22,11 +22,6 @@ html {
  * Customize the background color to match your design.
  */
 
-::-moz-selection {
-    background: #b3d4fc;
-    text-shadow: none;
-}
-
 ::selection {
     background: #b3d4fc;
     text-shadow: none;
@@ -194,8 +189,6 @@ textarea {
 }
 
 @media print,
-       (-o-min-device-pixel-ratio: 5/4),
-       (-webkit-min-device-pixel-ratio: 1.25),
        (min-resolution: 120dpi) {
     /* Style adjustments for high resolution devices */
 }