Add Autoprefixer

Gruntfile.js

@@ -17,6 +17,16 @@ module.exports = function(grunt) {
         ' */\n'
     },
 
+    autoprefixer: {
+      dist: {
+        src: 'dist/jquery.remodal.css'
+      },
+      options: {
+        browsers: ['> 0.1%'],
+        cascade: false
+      }
+    },
+
     connect: {
       server: {
         options: {
@@ -55,7 +65,8 @@ module.exports = function(grunt) {
     csscomb: {
       all: {
         files: {
-          'src/jquery.remodal.css': 'src/jquery.remodal.css'
+          'src/jquery.remodal.css': 'src/jquery.remodal.css',
+          'dist/jquery.remodal.css': 'dist/jquery.remodal.css'
         }
       }
     },
@@ -114,6 +125,7 @@ module.exports = function(grunt) {
   grunt.loadNpmTasks('grunt-contrib-jshint');
   grunt.loadNpmTasks('grunt-contrib-qunit');
   grunt.loadNpmTasks('grunt-contrib-uglify');
+  grunt.loadNpmTasks('grunt-autoprefixer');
   grunt.loadNpmTasks('grunt-csscomb');
   grunt.loadNpmTasks('grunt-githooks');
   grunt.loadNpmTasks('grunt-jscs');
@@ -122,6 +134,6 @@ module.exports = function(grunt) {
   grunt.registerTask('lint', ['jshint', 'jscs']);
   grunt.registerTask('test', ['connect', 'lint', 'qunit']);
   grunt.registerTask('default', [
-    'connect', 'csscomb', 'jshint', 'jscs', 'qunit', 'concat', 'uglify', 'githooks'
+    'connect', 'jshint', 'jscs', 'qunit', 'concat', 'autoprefixer', 'csscomb', 'uglify', 'githooks'
   ]);
 };

package.json

@@ -38,6 +38,7 @@
   "devDependencies": {
     "bower": "^1.4.1",
     "grunt": "^0.4.5",
+    "grunt-autoprefixer": "^3.0.0",
     "grunt-cli": "^0.1.13",
     "grunt-contrib-concat": "^0.5.1",
     "grunt-contrib-connect": "^0.10.1",

src/jquery.remodal.css

@@ -59,7 +59,6 @@ html.remodal-is-locked {
 
 .remodal-overlay,
 .remodal-wrapper {
-  -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }
 
@@ -73,8 +72,6 @@ html.remodal-is-locked {
 
 body.remodal-is-active .remodal {
   /* Disable text resizing */
-  -ms-text-size-adjust: 100%;
-  -webkit-text-size-adjust: 100%;
   text-size-adjust: 100%;
 }
 
@@ -85,26 +82,16 @@ body.remodal-is-active .remodal {
 /* Background for effects */
 
 .remodal-bg {
-  -webkit-transition: -webkit-filter 0.2s ease-out;
-  -moz-transition: -moz-filter 0.2s ease-out;
-  -o-transition: -o-filter 0.2s ease-out;
   transition: filter 0.2s ease-out;
 }
 
 body.remodal-is-active .remodal-bg {
-  -webkit-filter: blur(3px);
-  -ms-filter: blur(3px);
   filter: blur(3px);
-  -moz-filter: blur(3px);
-  -o-filter: blur(3px);
 }
 
 /* Default theme styles of the overlay */
 
 .remodal-overlay {
-  -webkit-transition: opacity 0.2s ease-out;
-  -moz-transition: opacity 0.2s ease-out;
-  -o-transition: opacity 0.2s ease-out;
   transition: opacity 0.2s ease-out;
 
   opacity: 0;
@@ -120,21 +107,12 @@ body.remodal-is-active .remodal-overlay {
 .remodal {
   font-size: 16px;
 
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
   min-height: 100%;
   padding: 35px;
 
-  -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
-  -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
-  -o-transition: -o-transform 0.2s ease-out, opacity 0.2s ease-out;
   transition: transform 0.2s ease-out, opacity 0.2s ease-out;
-  -webkit-transform: scale(0.95);
-  -moz-transform: scale(0.95);
-  -ms-transform: scale(0.95);
-  -o-transform: scale(0.95);
   transform: scale(0.95);
 
   opacity: 0;
@@ -144,10 +122,6 @@ body.remodal-is-active .remodal-overlay {
 }
 
 body.remodal-is-active .remodal {
-  -webkit-transform: scale(1);
-  -moz-transform: scale(1);
-  -ms-transform: scale(1);
-  -o-transform: scale(1);
   transform: scale(1);
 
   opacity: 1;
@@ -170,13 +144,9 @@ body.remodal-is-active .remodal {
   width: 28px;
   height: 28px;
 
-  -webkit-transition: background 0.2s ease-out;
-  -moz-transition: background 0.2s ease-out;
-  -o-transition: background 0.2s ease-out;
   transition: background 0.2s ease-out;
   text-decoration: none;
 
-  -webkit-border-radius: 50%;
   border-radius: 50%;
 }
 
@@ -189,9 +159,6 @@ body.remodal-is-active .remodal {
 
   content: "×";
   cursor: pointer;
-  -webkit-transition: all 0.2s ease-out;
-  -moz-transition: all 0.2s ease-out;
-  -o-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
   text-decoration: none;
 
@@ -221,14 +188,10 @@ body.remodal-is-active .remodal {
   padding: 9px 0;
 
   cursor: pointer;
-  -webkit-transition: all 0.2s ease-out;
-  -moz-transition: all 0.2s ease-out;
-  -o-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
   text-align: center;
   text-decoration: none;
 
-  -webkit-border-radius: 6px;
   border-radius: 6px;
   background-clip: padding-box;
 }
@@ -266,7 +229,6 @@ body.remodal-is-active .remodal {
     min-height: 0;
     margin: 20px auto;
 
-    -webkit-border-radius: 6px;
     border-radius: 6px;
   }
 }