minify files with csswring to allow source mapping to less

Gruntfile.js

@@ -22,19 +22,6 @@ module.exports = function(grunt) {
           "dist/css/material.css": "less/material.less",
         }
       },
-      materialmin: {
-        options: {
-          paths: ["less"],
-          sourceMap: true,
-          sourceMapRootpath: "/",
-          sourceMapFilename: "dist/css/material.min.css.map",
-          sourceMapURL: "material.min.css.map",
-          cleancss: true
-        },
-        files: {
-          "dist/css/material.min.css": "less/material.less",
-        }
-      },
       materialwfont: {
         options: {
           paths: ["less"],
@@ -48,20 +35,6 @@ module.exports = function(grunt) {
           "dist/css/material-wfont.css": "less/material-wfont.less",
         }
       },
-      materialwfontmin: {
-        options: {
-          paths: ["less"],
-          sourceMap: true,
-          sourceMapRootpath: "/",
-          sourceMapFilename: "dist/css/material-wfont.min.css.map",
-          sourceMapURL: "material-wfont.min.css.map",
-          outputSourceFiles: true,
-          cleancss: true
-        },
-        files: {
-          "dist/css/material-wfont.min.css": "less/material-wfont.less",
-        }
-      },
       ripples: {
         options: {
           paths: ["less"],
@@ -74,20 +47,6 @@ module.exports = function(grunt) {
         files: {
           "dist/css/ripples.css": "less/ripples.less",
         }
-      },
-      ripplesmin: {
-        options: {
-          paths: ["less"],
-          sourceMap: true,
-          sourceMapRootpath: "/",
-          sourceMapFilename: "dist/css/ripples.min.css.map",
-          sourceMapURL: "ripples.min.css.map",
-          outputSourceFiles: true,
-          cleancss: true
-        },
-        files: {
-          "dist/css/ripples.min.css": "less/ripples.less",
-        }
       }
     },
 
@@ -118,6 +77,22 @@ module.exports = function(grunt) {
       }
     },
 
+    // Minify CSS and adapt maps
+    csswring: {
+      material: {
+        src: "dist/css/material.css",
+        dest: "dist/css/material.min.css"
+      },
+      materialwfont: {
+        src: "dist/css/material-wfont.css",
+        dest: "dist/css/material-wfont.min.css"
+      },
+      ripples: {
+        src: "dist/css/ripples.css",
+        dest: "dist/css/ripples.min.css"
+      }
+    },
+
     // Copy .js to dist/js/ folder
     copy: {
       material: {
@@ -240,9 +215,10 @@ module.exports = function(grunt) {
 
   grunt.registerTask("material", [
     "less:material",
-    "less:materialmin",
     "less:materialwfont",
-    "less:materialwfontmin",
+    "csswring:material",
+    "csswring:materialwfont",
+    "csswring:ripples",
     "autoprefixer:material",
     "autoprefixer:materialwfont",
     "copy:material",
@@ -250,9 +226,9 @@ module.exports = function(grunt) {
   ]);
   grunt.registerTask("material:less", [
     "less:material",
-    "less:materialmin",
     "less:materialwfont",
-    "less:materialwfontmin",
+    "csswring:material",
+    "csswring:materialwfont",
     "autoprefixer:material",
     "autoprefixer:materialwfont"
   ]);
@@ -263,12 +239,14 @@ module.exports = function(grunt) {
 
   grunt.registerTask("ripples", [
     "less:ripples",
+    "csswring:ripples",
     "autoprefixer:ripples",
     "copy:ripples",
     "uglify:ripples"
   ]);
   grunt.registerTask("ripples:less", [
     "less:ripples",
+    "csswring:ripples",
     "autoprefixer:ripples"
   ]);
   grunt.registerTask("ripples:js", [

dist/css/ripples.min.css

@@ -1,2 +1,2 @@
-.withripple{position:relative}.ripple-wrapper{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;overflow:hidden;border-radius:inherit;pointer-events:none}.ripple{position:absolute;width:20px;height:20px;margin-left:-10px;margin-top:-10px;border-radius:100%;background-color:rgba(0,0,0,.05);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;opacity:0;pointer-events:none}.ripple.ripple-on{-webkit-transition:opacity .15s ease-in 0s,-webkit-transform .5s cubic-bezier(0.4,0,.2,1) .1s;transition:opacity .15s ease-in 0s,transform .5s cubic-bezier(0.4,0,.2,1) .1s;opacity:.15}.ripple.ripple-out{-webkit-transition:opacity .1s linear 0s!important;transition:opacity .1s linear 0s!important;opacity:0}
+.withripple{position:relative}.ripple-wrapper{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;overflow:hidden;border-radius:inherit;pointer-events:none}.ripple{position:absolute;width:20px;height:20px;margin-left:-10px;margin-top:-10px;border-radius:100%;background-color:rgba(0,0,0,.05);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;opacity:0;pointer-events:none}.ripple.ripple-on{-webkit-transition:opacity .15s ease-in 0s,-webkit-transform .5s cubic-bezier(.4,0,.2,1) .1s;transition:opacity .15s ease-in 0s,transform .5s cubic-bezier(.4,0,.2,1) .1s;opacity:.15}.ripple.ripple-out{-webkit-transition:opacity .1s linear 0s!important;transition:opacity .1s linear 0s!important;opacity:0}
 /*# sourceMappingURL=ripples.min.css.map */

dist/css/ripples.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["ripples.min.css"],"names":[],"mappings":"AAAA,YAAY,kBAAkB,CAAA,eAAgB,kBAAkB,CAAA,KAAM,CAAA,MAAO,CAAA,SAAU,CAAA,UAAW,CAAA,WAAY,CAAA,eAAgB,CAAA,qBAAsB,CAAA,mBAAoB,CAAA,OAAQ,kBAAkB,CAAA,UAAW,CAAA,WAAY,CAAA,iBAAkB,CAAA,gBAAiB,CAAA,kBAAmB,CAAA,gCAAiC,CAAA,0BAAA,CAAA,sBAAA,CAAA,kBAAmB,CAAA,4BAAA,CAAA,wBAAA,CAAA,oBAAqB,CAAA,SAAU,CAAA,mBAAoB,CAAA,iBAAkB,8FAAA,CAAA,6EAA8E,CAAA,WAAY,CAAA,kBAAmB,mDAAA,CAAA,0CAA2C,CAAA,SAAU,CAAA","file":"ripples.min.css"}
+{"version":3,"sources":["/less/ripples.less"],"names":[],"mappings":"AAAA,YACI,kBAAA,CAAA,eAGA,kBACA,CAAA,KACA,CAAA,MACA,CAAA,SACA,CAAA,UACA,CAAA,WACA,CAAA,eACA,CAAA,qBACA,CAAA,mBAEJ,CAAA,OACI,kBACA,CAAA,UACA,CAAA,WACA,CAAA,iBACA,CAAA,gBACA,CAAA,kBACA,CAAA,gCACA,CAAA,0BAAA,CACA,sBADA,CACA,kBAAA,CAAA,4BAAA,CACA,wBADA,CACA,oBAAA,CAAA,SACA,CAAA,mBAAA,CAAA,iBAGA,6FAAA,CACA,4EAAA,CAAA,WAAA,CAAA,kBAGA,mDAAA,CACA,0CAAA,CAAA,SAAA,CAAA","file":"ripples.min.css","sourcesContent":[".withripple {\n    position: relative;\n}\n.ripple-wrapper {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 1;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    border-radius: inherit;\n    pointer-events: none;\n}\n.ripple {\n    position: absolute;\n    width: 20px;\n    height: 20px;\n    margin-left: -10px;\n    margin-top: -10px;\n    border-radius: 100%;\n    background-color: rgba(0,0,0,0.05);\n    transform: scale(1);\n    transform-origin: 50%;\n    opacity: 0;\n    pointer-events: none;\n}\n.ripple.ripple-on {\n    transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;\n    opacity: 0.15;\n}\n.ripple.ripple-out {\n    transition: opacity 0.1s linear 0s !important;\n    opacity: 0;\n}\n"]}

index.html

@@ -11,8 +11,8 @@
     <link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Material Design for Bootstrap -->
-    <link href="dist/css/material-wfont.css" rel="stylesheet">
+    <link href="dist/css/material-wfont.min.css" rel="stylesheet">
-    <link href="dist/css/ripples.css" rel="stylesheet">
+    <link href="dist/css/ripples.min.css" rel="stylesheet">
 
     <!-- Dropdown.js -->
     <link href="//cdn.rawgit.com/FezVrasta/dropdown.js/master/jquery.dropdown.css" rel="stylesheet">

package.json

@@ -22,14 +22,13 @@
     "grunt-contrib-clean": "^0.6.0",
     "grunt-contrib-connect": "^0.8.0",
     "grunt-contrib-copy": "^0.6.0",
-    "grunt-contrib-cssmin": "^0.10.0",
     "grunt-contrib-jasmine": "^0.8.0",
     "grunt-contrib-jshint": "^0.10.0",
     "grunt-contrib-less": "^0.11.4",
     "grunt-contrib-sass": "^0.8.1",
     "grunt-contrib-uglify": "^0.6.0",
     "grunt-contrib-watch": "^0.6.1",
-    "grunt-githooks": "^0.3.1",
+    "grunt-csswring": "^1.1.0",
     "grunt-newer": "^0.7.0",
     "jshint-stylish": "^1.0.0",
     "load-grunt-tasks": "^0.6.0"