jqueryscript
diff --git a/‎Gruntfile.js‎
Lines changed: 4 additions & 6 deletions b/‎Gruntfile.js‎
Lines changed: 4 additions & 6 deletions
diff --git a/‎dist/css/ripples.css‎
Lines changed: 10 additions & 4 deletions b/‎dist/css/ripples.css‎
Lines changed: 10 additions & 4 deletions
diff --git a/‎template/index.html‎
Lines changed: 4 additions & 4 deletions b/‎template/index.html‎
Lines changed: 4 additions & 4 deletions
diff --git a/‎template/material/css-compiled/material-wfont.min.css‎
Lines changed: 0 additions & 1 deletion b/‎template/material/css-compiled/material-wfont.min.css‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎template/material/css-compiled/material.min.css‎
Lines changed: 0 additions & 1 deletion b/‎template/material/css-compiled/material.min.css‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎template/material/css-compiled/ripples.min.css‎
Lines changed: 0 additions & 1 deletion b/‎template/material/css-compiled/ripples.min.css‎
Lines changed: 0 additions & 1 deletion
@@ -61,12 +61,10 @@ module.exports = function(grunt) {
         },
 
         copy: {
-            tplcss: {
-                src: "dist/css/*.min.css",
-                dest: "template/material/"
-            },
-            tpljs: {
-                src: "dist/css/*.js",
+            tpl: {
+                expand: true,
+                cwd: "dist/",
+                src: "**",
                 dest: "template/material/"
             },
             distjs: {
 
@@ -19,16 +19,22 @@
   margin-top: -10px;
   border-radius: 100%;
   background-color: rgba(0, 0, 0, 0.05);
-  transform: scale(1);
-  transform-origin: 50%;
+  -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 {
-  transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
+  -webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
+          transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
   opacity: 1;
 }
 .ripple.ripple-out {
-  transition: opacity 0.1s linear 0s !important;
+  -webkit-transition: opacity 0.1s linear 0s !important;
+          transition: opacity 0.1s linear 0s !important;
   opacity: 0;
 }
@@ -3,8 +3,8 @@
 <head>
 
     <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
-    <link href="material/css-compiled/ripples.min.css" rel="stylesheet">
-    <link href="material/css-compiled/material-wfont.min.css" rel="stylesheet">
+    <link href="material/css/ripples.min.css" rel="stylesheet">
+    <link href="material/css/material-wfont.min.css" rel="stylesheet">
 
 </head>
 
@@ -34,8 +34,8 @@ <h3 class="text-muted">If you can see the ripple effect on clicking them, then y
     <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
     <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 
-    <script src="material/scripts/ripples.js"></script>
-    <script src="material/scripts/material.js"></script>
+    <script src="material/js/ripples.min.js"></script>
+    <script src="material/js/material.min.js"></script>
 
 </body>