fix #196 now when you view styles in the console, they point to the less file

.gitignore

@@ -8,3 +8,5 @@ Thumbs.db
 .DS_Store
 /node_modules/
 .grunt/
+.idea
+_SpecRunner.html

.jshintrc

@@ -15,7 +15,7 @@
     "nonbsp": true,
     "nonew": true,
     "plusplus": false,
-    "quotmark": "double",
+//    "quotmark": "double",
     "undef": true,
     "unused": true,
     "strict": false,

Gruntfile.js

@@ -8,13 +8,29 @@ module.exports = function(grunt) {
         less: {
             compileless: {
                 options: {
-                    paths: ["less"]
+                    paths: ["less"],
+                    sourceMap: true,
+                    sourceMapFilename: 'dist/css/less.map',
+                    sourceMapURL: 'less.map',
+                    sourceMapRootpath: '/'
                 },
                 files: {
                     "dist/css/material.css": "less/material.less",
                     "dist/css/material-wfont.css": "less/material-wfont.less",
                     "dist/css/ripples.css": "less/ripples.less"
                 }
+            },
+            mapped: {
+                options: {
+                    paths: ["less"],
+                    sourceMap: true,
+                    sourceMapFilename: 'dist/css/styles.map',
+                    sourceMapURL: 'styles.map',
+                    sourceMapRootpath: '/'
+                },
+                files: {
+                    "dist/css/styles.css": "less/styles.less"
+                }
             }
         },
 

dist/css/material-wfont.css

@@ -1493,20 +1493,6 @@
 .icon-material-web22:before {
   content: "\e7e9";
 }
-@-webkit-keyframes input-highlight {
-  0% {
-    left: 20%;
-    width: 20%;
-  }
-  99% {
-    width: 0;
-    left: 0;
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
 @keyframes input-highlight {
   0% {
     left: 20%;
@@ -1894,7 +1880,6 @@ body .jumbotron-material-lightgrey,
   text-transform: uppercase;
   text-decoration: none;
   color: rgba(255, 255, 255, 0.84);
-  -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   outline: none !important;
 }
@@ -1993,7 +1978,6 @@ body .jumbotron-material-lightgrey,
 }
 .btn-raised {
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .btn-raised:active:not(.btn-link) {
@@ -2081,7 +2065,6 @@ body .jumbotron-material-lightgrey,
   border-radius: 4px;
   margin: 10px 1px;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .btn-group:active:not(.btn-link),
@@ -2095,7 +2078,6 @@ body .jumbotron-material-lightgrey,
 .btn-group.btn-group-raised,
 .btn-group-vertical.btn-group-raised {
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .btn-group.btn-group-raised:active:not(.btn-link),
@@ -2241,7 +2223,6 @@ body .jumbotron-material-lightgrey,
   display: block;
   position: absolute;
   left: 0px;
-  -webkit-transition-duration: 0.2s;
   transition-duration: 0.2s;
 }
 .checkbox label .check {
@@ -2272,8 +2253,6 @@ body .jumbotron-material-lightgrey,
 .checkbox label .check:before {
   position: absolute;
   content: "";
-  -webkit-transform: rotate(45deg);
-      -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   display: block;
   margin-top: -4px;
@@ -2287,7 +2266,6 @@ body .jumbotron-material-lightgrey,
                 0 0 0 0,
                 0 0 0 0,
                 0px 0px 0 0px inset;
-  -webkit-animation: checkbox-off 0.3s linear forwards;
   animation: checkbox-off 0.3s linear forwards;
 }
 .checkbox input[type=checkbox] {
@@ -2298,20 +2276,16 @@ body .jumbotron-material-lightgrey,
 }
 .checkbox input[type=checkbox]:checked ~ .check:before {
   box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
-  -webkit-animation: checkbox-on 0.3s linear forwards;
   animation: checkbox-on 0.3s linear forwards;
 }
 .checkbox input[type=checkbox]:not(:checked) ~ .check:after {
-  -webkit-animation: rippleOff 500ms linear forwards;
   animation: rippleOff 500ms linear forwards;
 }
 .checkbox input[type=checkbox]:checked ~ .check:after {
-  -webkit-animation: rippleOn 500ms linear forwards;
   animation: rippleOn 500ms linear forwards;
 }
 .checkbox:not(:hover) input[type=checkbox] ~ .check:before,
 .checkbox:not(:hover) input[type=checkbox] ~ .check:after {
-  -webkit-animation-duration: 1ms;
   animation-duration: 1ms;
 }
 .checkbox input[type=checkbox][disabled]:not(:checked) ~ .check:before {
@@ -2319,8 +2293,6 @@ body .jumbotron-material-lightgrey,
 }
 .checkbox input[type=checkbox][disabled] ~ .check:after {
   background-color: rgba(0, 0, 0, 0.84);
-  -webkit-transform: rotate(-45deg);
-      -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }
 .checkbox input[type=checkbox]:checked ~ .check:after,
@@ -2533,17 +2505,6 @@ body .jumbotron-material-lightgrey,
 .checkbox-material-lightgrey input[type=checkbox]:checked ~ .check {
   color: #ececec;
 }
-@-webkit-keyframes checkbox-on {
-  0% {
-    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
-  }
-  50% {
-    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
-  }
-  100% {
-    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
-  }
-}
 @keyframes checkbox-on {
   0% {
     box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
@@ -2555,53 +2516,6 @@ body .jumbotron-material-lightgrey,
     box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
   }
 }
-@-webkit-keyframes checkbox-off {
-  0% {
-    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
-  }
-  25% {
-    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
-  }
-  50% {
-    -webkit-transform: rotate(45deg);
-            transform: rotate(45deg);
-    margin-top: -4px;
-    margin-left: 6px;
-    width: 0px;
-    height: 0px;
-    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
-  }
-  51% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-    margin-top: -2px;
-    margin-left: -2px;
-    width: 20px;
-    height: 20px;
-    box-shadow: 0 0 0 0,
-            0 0 0 0,
-            0 0 0 0,
-            0 0 0 0,
-            0 0 0 0,
-            0 0 0 0,
-            0px 0px 0 10px inset;
-  }
-  100% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-    margin-top: -2px;
-    margin-left: -2px;
-    width: 20px;
-    height: 20px;
-    box-shadow: 0 0 0 0,
-            0 0 0 0,
-            0 0 0 0,
-            0 0 0 0,
-            0 0 0 0,
-            0 0 0 0,
-            0px 0px 0 0px inset;
-  }
-}
 @keyframes checkbox-off {
   0% {
     box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
@@ -2610,7 +2524,6 @@ body .jumbotron-material-lightgrey,
     box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
   }
   50% {
-    -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     margin-top: -4px;
     margin-left: 6px;
@@ -2619,7 +2532,6 @@ body .jumbotron-material-lightgrey,
     box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
   }
   51% {
-    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     margin-top: -2px;
     margin-left: -2px;
@@ -2634,7 +2546,6 @@ body .jumbotron-material-lightgrey,
             0px 0px 0 10px inset;
   }
   100% {
-    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     margin-top: -2px;
     margin-left: -2px;
@@ -2662,7 +2573,6 @@ body .jumbotron-material-lightgrey,
   position: absolute;
   left: 10px;
   top: 2px;
-  -webkit-transition-duration: 0.2s;
   transition-duration: 0.2s;
 }
 .radio label .circle {
@@ -2676,8 +2586,6 @@ body .jumbotron-material-lightgrey,
   width: 15px;
   border-radius: 100%;
   background-color: rgba(0, 0, 0, 0.84);
-  -webkit-transform: scale(0);
-      -ms-transform: scale(0);
   transform: scale(0);
 }
 .radio label .check:after {
@@ -2693,16 +2601,12 @@ body .jumbotron-material-lightgrey,
   z-index: 1;
   opacity: 0;
   margin: 0;
-  -webkit-transform: scale(1.5);
-      -ms-transform: scale(1.5);
   transform: scale(1.5);
 }
 .radio label input[type=radio]:not(:checked) ~ .check:after {
-  -webkit-animation: rippleOff 500ms;
   animation: rippleOff 500ms;
 }
 .radio label input[type=radio]:checked ~ .check:after {
-  -webkit-animation: rippleOn 500ms;
   animation: rippleOn 500ms;
 }
 .radio input[type=radio]:checked ~ .check,
@@ -2853,8 +2757,6 @@ body .jumbotron-material-lightgrey,
   display: none;
 }
 .radio input[type=radio]:checked ~ .check {
-  -webkit-transform: scale(0.55);
-      -ms-transform: scale(0.55);
   transform: scale(0.55);
 }
 .radio input[type=radio][disabled] ~ .circle {
@@ -2863,17 +2765,6 @@ body .jumbotron-material-lightgrey,
 .radio input[type=radio][disabled] ~ .check {
   background-color: rgba(0, 0, 0, 0.84);
 }
-@-webkit-keyframes rippleOn {
-  0% {
-    opacity: 0;
-  }
-  50% {
-    opacity: 0.2;
-  }
-  100% {
-    opacity: 0;
-  }
-}
 @keyframes rippleOn {
   0% {
     opacity: 0;
@@ -2885,17 +2776,6 @@ body .jumbotron-material-lightgrey,
     opacity: 0;
   }
 }
-@-webkit-keyframes rippleOff {
-  0% {
-    opacity: 0;
-  }
-  50% {
-    opacity: 0.2;
-  }
-  100% {
-    opacity: 0;
-  }
-}
 @keyframes rippleOff {
   0% {
     opacity: 0;
@@ -2969,7 +2849,6 @@ select[multiple].form-control.focus {
   pointer-events: none;
   left: 0px;
   top: 5px;
-  -webkit-transition: 0.2s ease all;
   transition: 0.2s ease all;
   opacity: 0;
 }
@@ -3003,18 +2882,12 @@ select[multiple].form-control.focus {
   height: 2px;
   background-color: #5264ae;
   bottom: -1px;
-  -webkit-transform: scaleX(0);
-      -ms-transform: scaleX(0);
   transform: scaleX(0);
-  -webkit-transition: -webkit-transform 0s;
   transition: transform 0s;
 }
 .form-control-wrapper .form-control:focus ~ .material-input:before,
 .form-control-wrapper .form-control.focus ~ .material-input:before {
-  -webkit-transform: scaleX(1);
-      -ms-transform: scaleX(1);
   transform: scaleX(1);
-  -webkit-transition: -webkit-transform 0.2s ease-out;
   transition: transform 0.2s ease-out;
 }
 .form-control-wrapper .material-input:after {
@@ -3027,8 +2900,6 @@ select[multiple].form-control.focus {
   left: 0;
   pointer-events: none;
   opacity: 0.9;
-  -webkit-transform-origin: left;
-      -ms-transform-origin: left;
   transform-origin: left;
 }
 .form-control-wrapper .input-lg ~ .material-input:after {
@@ -3042,9 +2913,7 @@ select[multiple].form-control.focus {
 }
 .form-control-wrapper .form-control:focus ~ .material-input:after,
 .form-control-wrapper .form-control.focus ~ .material-input:after {
-  -webkit-animation: input-highlight 0.3s ease;
   animation: input-highlight 0.3s ease;
-  -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
   opacity: 0;
 }
@@ -3465,11 +3334,9 @@ select.form-control.focus {
 @keyframes input-highlight {
   0% {
     left: 20%;
-    -webkit-transform: scaleX(20%);
     transform: scaleX(20%);
   }
   99% {
-    -webkit-transform: scaleX(0);
     transform: scaleX(0);
     left: 0;
     opacity: 1;
@@ -4191,20 +4058,14 @@ fieldset[disabled] .navbar .btn-link:focus {
   border-radius: 2px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   height: 0;
-  -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
   transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
-  -webkit-transform: translateY(200%);
-      -ms-transform: translateY(200%);
   transform: translateY(200%);
 }
 .snackbar.snackbar-opened {
   padding: 14px 15px;
   margin-bottom: 20px;
   height: auto;
-  -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
   transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
-  -webkit-transform: none;
-      -ms-transform: none;
   transform: none;
 }
 .snackbar.toast {
@@ -4214,9 +4075,6 @@ fieldset[disabled] .navbar .btn-link:focus {
 .noUi-target * {
   -webkit-touch-callout: none;
   -ms-touch-action: none;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
   user-select: none;
   box-sizing: border-box;
 }
@@ -4244,7 +4102,6 @@ fieldset[disabled] .navbar .btn-link:focus {
   *z-index: -1;
 }
 .noUi-state-tap .noUi-origin {
-  -webkit-transition: left 0.3s, top 0.3s;
   transition: left 0.3s, top 0.3s;
 }
 .noUi-state-drag * {
@@ -4289,7 +4146,6 @@ fieldset[disabled] .navbar .btn-link:focus {
 .noUi-handle {
   border-radius: 100%;
   cursor: default;
-  -webkit-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
   border: 1px solid;
 }
@@ -4298,8 +4154,6 @@ fieldset[disabled] .navbar .btn-link:focus {
   margin: 15px 0;
 }
 .noUi-horizontal .noUi-handle.noUi-active {
-  -webkit-transform: scale(2.5);
-      -ms-transform: scale(2.5);
   transform: scale(2.5);
 }
 [disabled].noUi-slider {
@@ -4732,3 +4586,4 @@ fieldset[disabled] .navbar .btn-link:focus {
 .selectize-control.multi .dropdown-active ~ .selectize-dropdown {
   display: block;
 }
+/*# sourceMappingURL=less.map */

dist/css/material.css

@@ -1492,20 +1492,6 @@
 .icon-material-web22:before {
   content: "\e7e9";
 }
-@-webkit-keyframes input-highlight {
-  0% {
-    left: 20%;
-    width: 20%;
-  }
-  99% {
-    width: 0;
-    left: 0;
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
 @keyframes input-highlight {
   0% {
     left: 20%;
@@ -1893,7 +1879,6 @@ body .jumbotron-material-lightgrey,
   text-transform: uppercase;
   text-decoration: none;
   color: rgba(255, 255, 255, 0.84);
-  -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   outline: none !important;
 }
@@ -1992,7 +1977,6 @@ body .jumbotron-material-lightgrey,
 }
 .btn-raised {
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .btn-raised:active:not(.btn-link) {
@@ -2080,7 +2064,6 @@ body .jumbotron-material-lightgrey,
   border-radius: 4px;
   margin: 10px 1px;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .btn-group:active:not(.btn-link),
@@ -2094,7 +2077,6 @@ body .jumbotron-material-lightgrey,
 .btn-group.btn-group-raised,
 .btn-group-vertical.btn-group-raised {
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .btn-group.btn-group-raised:active:not(.btn-link),
@@ -2240,7 +2222,6 @@ body .jumbotron-material-lightgrey,
   display: block;
   position: absolute;
   left: 0px;
-  -webkit-transition-duration: 0.2s;
   transition-duration: 0.2s;
 }
 .checkbox label .check {
@@ -2271,8 +2252,6 @@ body .jumbotron-material-lightgrey,
 .checkbox label .check:before {
   position: absolute;
   content: "";
-  -webkit-transform: rotate(45deg);
-      -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   display: block;
   margin-top: -4px;
@@ -2286,7 +2265,6 @@ body .jumbotron-material-lightgrey,
                 0 0 0 0,
                 0 0 0 0,
                 0px 0px 0 0px inset;
-  -webkit-animation: checkbox-off 0.3s linear forwards;
   animation: checkbox-off 0.3s linear forwards;
 }
 .checkbox input[type=checkbox] {
@@ -2297,20 +2275,16 @@ body .jumbotron-material-lightgrey,
 }
 .checkbox input[type=checkbox]:checked ~ .check:before {
   box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
-  -webkit-animation: checkbox-on 0.3s linear forwards;
   animation: checkbox-on 0.3s linear forwards;
 }
 .checkbox input[type=checkbox]:not(:checked) ~ .check:after {
-  -webkit-animation: rippleOff 500ms linear forwards;
   animation: rippleOff 500ms linear forwards;
 }
 .checkbox input[type=checkbox]:checked ~ .check:after {
-  -webkit-animation: rippleOn 500ms linear forwards;
   animation: rippleOn 500ms linear forwards;
 }
 .checkbox:not(:hover) input[type=checkbox] ~ .check:before,
 .checkbox:not(:hover) input[type=checkbox] ~ .check:after {
-  -webkit-animation-duration: 1ms;
   animation-duration: 1ms;
 }
 .checkbox input[type=checkbox][disabled]:not(:checked) ~ .check:before {
@@ -2318,8 +2292,6 @@ body .jumbotron-material-lightgrey,
 }
 .checkbox input[type=checkbox][disabled] ~ .check:after {
   background-color: rgba(0, 0, 0, 0.84);
-  -webkit-transform: rotate(-45deg);
-      -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }
 .checkbox input[type=checkbox]:checked ~ .check:after,
@@ -2532,17 +2504,6 @@ body .jumbotron-material-lightgrey,
 .checkbox-material-lightgrey input[type=checkbox]:checked ~ .check {
   color: #ececec;
 }
-@-webkit-keyframes checkbox-on {
-  0% {
-    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
-  }
-  50% {
-    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
-  }
-  100% {
-    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
-  }
-}
 @keyframes checkbox-on {
   0% {
     box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
@@ -2554,53 +2515,6 @@ body .jumbotron-material-lightgrey,
     box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
   }
 }
-@-webkit-keyframes checkbox-off {
-  0% {
-    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
-  }
-  25% {
-    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
-  }
-  50% {
-    -webkit-transform: rotate(45deg);
-            transform: rotate(45deg);
-    margin-top: -4px;
-    margin-left: 6px;
-    width: 0px;
-    height: 0px;
-    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
-  }
-  51% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-    margin-top: -2px;
-    margin-left: -2px;
-    width: 20px;
-    height: 20px;
-    box-shadow: 0 0 0 0,
-            0 0 0 0,
-            0 0 0 0,
-            0 0 0 0,
-            0 0 0 0,
-            0 0 0 0,
-            0px 0px 0 10px inset;
-  }
-  100% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-    margin-top: -2px;
-    margin-left: -2px;
-    width: 20px;
-    height: 20px;
-    box-shadow: 0 0 0 0,
-            0 0 0 0,
-            0 0 0 0,
-            0 0 0 0,
-            0 0 0 0,
-            0 0 0 0,
-            0px 0px 0 0px inset;
-  }
-}
 @keyframes checkbox-off {
   0% {
     box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
@@ -2609,7 +2523,6 @@ body .jumbotron-material-lightgrey,
     box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
   }
   50% {
-    -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     margin-top: -4px;
     margin-left: 6px;
@@ -2618,7 +2531,6 @@ body .jumbotron-material-lightgrey,
     box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
   }
   51% {
-    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     margin-top: -2px;
     margin-left: -2px;
@@ -2633,7 +2545,6 @@ body .jumbotron-material-lightgrey,
             0px 0px 0 10px inset;
   }
   100% {
-    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     margin-top: -2px;
     margin-left: -2px;
@@ -2661,7 +2572,6 @@ body .jumbotron-material-lightgrey,
   position: absolute;
   left: 10px;
   top: 2px;
-  -webkit-transition-duration: 0.2s;
   transition-duration: 0.2s;
 }
 .radio label .circle {
@@ -2675,8 +2585,6 @@ body .jumbotron-material-lightgrey,
   width: 15px;
   border-radius: 100%;
   background-color: rgba(0, 0, 0, 0.84);
-  -webkit-transform: scale(0);
-      -ms-transform: scale(0);
   transform: scale(0);
 }
 .radio label .check:after {
@@ -2692,16 +2600,12 @@ body .jumbotron-material-lightgrey,
   z-index: 1;
   opacity: 0;
   margin: 0;
-  -webkit-transform: scale(1.5);
-      -ms-transform: scale(1.5);
   transform: scale(1.5);
 }
 .radio label input[type=radio]:not(:checked) ~ .check:after {
-  -webkit-animation: rippleOff 500ms;
   animation: rippleOff 500ms;
 }
 .radio label input[type=radio]:checked ~ .check:after {
-  -webkit-animation: rippleOn 500ms;
   animation: rippleOn 500ms;
 }
 .radio input[type=radio]:checked ~ .check,
@@ -2852,8 +2756,6 @@ body .jumbotron-material-lightgrey,
   display: none;
 }
 .radio input[type=radio]:checked ~ .check {
-  -webkit-transform: scale(0.55);
-      -ms-transform: scale(0.55);
   transform: scale(0.55);
 }
 .radio input[type=radio][disabled] ~ .circle {
@@ -2862,17 +2764,6 @@ body .jumbotron-material-lightgrey,
 .radio input[type=radio][disabled] ~ .check {
   background-color: rgba(0, 0, 0, 0.84);
 }
-@-webkit-keyframes rippleOn {
-  0% {
-    opacity: 0;
-  }
-  50% {
-    opacity: 0.2;
-  }
-  100% {
-    opacity: 0;
-  }
-}
 @keyframes rippleOn {
   0% {
     opacity: 0;
@@ -2884,17 +2775,6 @@ body .jumbotron-material-lightgrey,
     opacity: 0;
   }
 }
-@-webkit-keyframes rippleOff {
-  0% {
-    opacity: 0;
-  }
-  50% {
-    opacity: 0.2;
-  }
-  100% {
-    opacity: 0;
-  }
-}
 @keyframes rippleOff {
   0% {
     opacity: 0;
@@ -2968,7 +2848,6 @@ select[multiple].form-control.focus {
   pointer-events: none;
   left: 0px;
   top: 5px;
-  -webkit-transition: 0.2s ease all;
   transition: 0.2s ease all;
   opacity: 0;
 }
@@ -3002,18 +2881,12 @@ select[multiple].form-control.focus {
   height: 2px;
   background-color: #5264ae;
   bottom: -1px;
-  -webkit-transform: scaleX(0);
-      -ms-transform: scaleX(0);
   transform: scaleX(0);
-  -webkit-transition: -webkit-transform 0s;
   transition: transform 0s;
 }
 .form-control-wrapper .form-control:focus ~ .material-input:before,
 .form-control-wrapper .form-control.focus ~ .material-input:before {
-  -webkit-transform: scaleX(1);
-      -ms-transform: scaleX(1);
   transform: scaleX(1);
-  -webkit-transition: -webkit-transform 0.2s ease-out;
   transition: transform 0.2s ease-out;
 }
 .form-control-wrapper .material-input:after {
@@ -3026,8 +2899,6 @@ select[multiple].form-control.focus {
   left: 0;
   pointer-events: none;
   opacity: 0.9;
-  -webkit-transform-origin: left;
-      -ms-transform-origin: left;
   transform-origin: left;
 }
 .form-control-wrapper .input-lg ~ .material-input:after {
@@ -3041,9 +2912,7 @@ select[multiple].form-control.focus {
 }
 .form-control-wrapper .form-control:focus ~ .material-input:after,
 .form-control-wrapper .form-control.focus ~ .material-input:after {
-  -webkit-animation: input-highlight 0.3s ease;
   animation: input-highlight 0.3s ease;
-  -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
   opacity: 0;
 }
@@ -3464,11 +3333,9 @@ select.form-control.focus {
 @keyframes input-highlight {
   0% {
     left: 20%;
-    -webkit-transform: scaleX(20%);
     transform: scaleX(20%);
   }
   99% {
-    -webkit-transform: scaleX(0);
     transform: scaleX(0);
     left: 0;
     opacity: 1;
@@ -4190,20 +4057,14 @@ fieldset[disabled] .navbar .btn-link:focus {
   border-radius: 2px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   height: 0;
-  -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
   transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
-  -webkit-transform: translateY(200%);
-      -ms-transform: translateY(200%);
   transform: translateY(200%);
 }
 .snackbar.snackbar-opened {
   padding: 14px 15px;
   margin-bottom: 20px;
   height: auto;
-  -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
   transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
-  -webkit-transform: none;
-      -ms-transform: none;
   transform: none;
 }
 .snackbar.toast {
@@ -4213,9 +4074,6 @@ fieldset[disabled] .navbar .btn-link:focus {
 .noUi-target * {
   -webkit-touch-callout: none;
   -ms-touch-action: none;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
   user-select: none;
   box-sizing: border-box;
 }
@@ -4243,7 +4101,6 @@ fieldset[disabled] .navbar .btn-link:focus {
   *z-index: -1;
 }
 .noUi-state-tap .noUi-origin {
-  -webkit-transition: left 0.3s, top 0.3s;
   transition: left 0.3s, top 0.3s;
 }
 .noUi-state-drag * {
@@ -4288,7 +4145,6 @@ fieldset[disabled] .navbar .btn-link:focus {
 .noUi-handle {
   border-radius: 100%;
   cursor: default;
-  -webkit-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
   border: 1px solid;
 }
@@ -4297,8 +4153,6 @@ fieldset[disabled] .navbar .btn-link:focus {
   margin: 15px 0;
 }
 .noUi-horizontal .noUi-handle.noUi-active {
-  -webkit-transform: scale(2.5);
-      -ms-transform: scale(2.5);
   transform: scale(2.5);
 }
 [disabled].noUi-slider {
@@ -4731,3 +4585,4 @@ fieldset[disabled] .navbar .btn-link:focus {
 .selectize-control.multi .dropdown-active ~ .selectize-dropdown {
   display: block;
 }
+/*# sourceMappingURL=less.map */

dist/css/ripples.css

@@ -19,22 +19,17 @@
   margin-top: -10px;
   border-radius: 100%;
   background-color: rgba(0, 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 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 {
-  -webkit-transition: opacity 0.1s linear 0s !important;
   transition: opacity 0.1s linear 0s !important;
   opacity: 0;
 }
+/*# sourceMappingURL=less.map */

dist/css/ripples.min.css

@@ -1 +1 @@
-.withripple{position:relative}.ripple-wrapper{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;overflow:hidden;border-radius:2px}.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:1}.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:2px}.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{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:1}.ripple.ripple-out{transition:opacity .1s linear 0s!important;opacity:0}

index.html

@@ -5,8 +5,7 @@
         <meta charset="utf-8">
         <title>Bootstrap Material</title>
         <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
-        <link href="dist/css/ripples.min.css" rel="stylesheet">
+        <link href="dist/css/styles.css" rel="stylesheet">
-        <link href="dist/css/material-wfont.min.css" rel="stylesheet">
         <link href="//fezvrasta.github.io/snackbarjs/dist/snackbar.min.css" rel="stylesheet">
         <style>
             body{padding-top:50px}#banner{border-bottom:none}.page-header h1{font-size:4em}.bs-docs-section{margin-top:8em}.bs-component{position:relative}.bs-component .modal{position:relative;top:auto;right:auto;left:auto;bottom:auto;z-index:1;display:block}.bs-component .modal-dialog{width:90%}.bs-component .popover{position:relative;display:inline-block;width:220px;margin:20px}#source-button{position:absolute;top:0;right:0;z-index:100;font-weight:bold;padding: 5px 10px;}.progress{margin-bottom:10px}footer{margin:5em 0}footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}footer p{clear:left;margin-bottom:0}.splash{padding:4em 0 0;background-color:#141d27;color:#fff;text-align:center}.splash h1{font-size:4em}.splash #social{margin:2em 0}.splash .alert{margin:2em 0}.section-tout{padding:4em 0 3em;border-bottom:1px solid rgba(0,0,0,0.05);background-color:#eaf1f1}.section-tout .fa{margin-right:.5em}.section-tout p{margin-bottom:3em}.section-preview{padding:4em 0 4em}.section-preview .preview{margin-bottom:4em;background-color:#eaf1f1}.section-preview .preview .image{position:relative}.section-preview .preview .image:before{box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);position:absolute;top:0;left:0;width:100%;height:100%;content:"";pointer-events:none}.section-preview .preview .options{padding:1em 2em 2em;border:1px solid rgba(0,0,0,0.05);border-top:none;text-align:center}.section-preview .preview .options p{margin-bottom:2em}.section-preview .dropdown-menu{text-align:left}.section-preview .lead{margin-bottom:2em}@media (max-width:767px){.section-preview .image img{width:100%}}.sponsor{text-align:center}.sponsor a:hover{text-decoration:none}@media (max-width:767px){#banner{margin-bottom:2em;text-align:center}}

less/styles.less

@@ -0,0 +1,2 @@
+@import "ripples.less";
+@import "material-wfont.less";

template/material/css/material-wfont.css

@@ -1894,7 +1894,6 @@ body .jumbotron-material-lightgrey,
   text-transform: uppercase;
   text-decoration: none;
   color: rgba(255, 255, 255, 0.84);
-  -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   outline: none !important;
 }
@@ -1993,7 +1992,6 @@ body .jumbotron-material-lightgrey,
 }
 .btn-raised {
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .btn-raised:active:not(.btn-link) {
@@ -2081,7 +2079,6 @@ body .jumbotron-material-lightgrey,
   border-radius: 4px;
   margin: 10px 1px;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .btn-group:active:not(.btn-link),
@@ -2095,7 +2092,6 @@ body .jumbotron-material-lightgrey,
 .btn-group.btn-group-raised,
 .btn-group-vertical.btn-group-raised {
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .btn-group.btn-group-raised:active:not(.btn-link),
@@ -2241,7 +2237,6 @@ body .jumbotron-material-lightgrey,
   display: block;
   position: absolute;
   left: 0px;
-  -webkit-transition-duration: 0.2s;
   transition-duration: 0.2s;
 }
 .checkbox label .check {
@@ -2662,7 +2657,6 @@ body .jumbotron-material-lightgrey,
   position: absolute;
   left: 10px;
   top: 2px;
-  -webkit-transition-duration: 0.2s;
   transition-duration: 0.2s;
 }
 .radio label .circle {
@@ -2969,7 +2963,6 @@ select[multiple].form-control.focus {
   pointer-events: none;
   left: 0px;
   top: 5px;
-  -webkit-transition: 0.2s ease all;
   transition: 0.2s ease all;
   opacity: 0;
 }
@@ -3006,7 +2999,7 @@ select[multiple].form-control.focus {
   -webkit-transform: scaleX(0);
       -ms-transform: scaleX(0);
           transform: scaleX(0);
-  -webkit-transition: -webkit-transform 0s;
+  transition: -webkit-transform 0s;
   transition: transform 0s;
 }
 .form-control-wrapper .form-control:focus ~ .material-input:before,
@@ -3014,7 +3007,7 @@ select[multiple].form-control.focus {
   -webkit-transform: scaleX(1);
       -ms-transform: scaleX(1);
           transform: scaleX(1);
-  -webkit-transition: -webkit-transform 0.2s ease-out;
+  transition: -webkit-transform 0.2s ease-out;
   transition: transform 0.2s ease-out;
 }
 .form-control-wrapper .material-input:after {
@@ -4191,7 +4184,7 @@ fieldset[disabled] .navbar .btn-link:focus {
   border-radius: 2px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   height: 0;
-  -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
+  transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
   transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
   -webkit-transform: translateY(200%);
       -ms-transform: translateY(200%);
@@ -4201,7 +4194,7 @@ fieldset[disabled] .navbar .btn-link:focus {
   padding: 14px 15px;
   margin-bottom: 20px;
   height: auto;
-  -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
+  transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
   transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
   -webkit-transform: none;
       -ms-transform: none;
@@ -4244,7 +4237,6 @@ fieldset[disabled] .navbar .btn-link:focus {
   *z-index: -1;
 }
 .noUi-state-tap .noUi-origin {
-  -webkit-transition: left 0.3s, top 0.3s;
   transition: left 0.3s, top 0.3s;
 }
 .noUi-state-drag * {
@@ -4289,7 +4281,6 @@ fieldset[disabled] .navbar .btn-link:focus {
 .noUi-handle {
   border-radius: 100%;
   cursor: default;
-  -webkit-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
   border: 1px solid;
 }

template/material/css/material.css

@@ -1893,7 +1893,6 @@ body .jumbotron-material-lightgrey,
   text-transform: uppercase;
   text-decoration: none;
   color: rgba(255, 255, 255, 0.84);
-  -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   outline: none !important;
 }
@@ -1992,7 +1991,6 @@ body .jumbotron-material-lightgrey,
 }
 .btn-raised {
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .btn-raised:active:not(.btn-link) {
@@ -2080,7 +2078,6 @@ body .jumbotron-material-lightgrey,
   border-radius: 4px;
   margin: 10px 1px;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .btn-group:active:not(.btn-link),
@@ -2094,7 +2091,6 @@ body .jumbotron-material-lightgrey,
 .btn-group.btn-group-raised,
 .btn-group-vertical.btn-group-raised {
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .btn-group.btn-group-raised:active:not(.btn-link),
@@ -2240,7 +2236,6 @@ body .jumbotron-material-lightgrey,
   display: block;
   position: absolute;
   left: 0px;
-  -webkit-transition-duration: 0.2s;
   transition-duration: 0.2s;
 }
 .checkbox label .check {
@@ -2661,7 +2656,6 @@ body .jumbotron-material-lightgrey,
   position: absolute;
   left: 10px;
   top: 2px;
-  -webkit-transition-duration: 0.2s;
   transition-duration: 0.2s;
 }
 .radio label .circle {
@@ -2968,7 +2962,6 @@ select[multiple].form-control.focus {
   pointer-events: none;
   left: 0px;
   top: 5px;
-  -webkit-transition: 0.2s ease all;
   transition: 0.2s ease all;
   opacity: 0;
 }
@@ -3005,7 +2998,7 @@ select[multiple].form-control.focus {
   -webkit-transform: scaleX(0);
       -ms-transform: scaleX(0);
           transform: scaleX(0);
-  -webkit-transition: -webkit-transform 0s;
+  transition: -webkit-transform 0s;
   transition: transform 0s;
 }
 .form-control-wrapper .form-control:focus ~ .material-input:before,
@@ -3013,7 +3006,7 @@ select[multiple].form-control.focus {
   -webkit-transform: scaleX(1);
       -ms-transform: scaleX(1);
           transform: scaleX(1);
-  -webkit-transition: -webkit-transform 0.2s ease-out;
+  transition: -webkit-transform 0.2s ease-out;
   transition: transform 0.2s ease-out;
 }
 .form-control-wrapper .material-input:after {
@@ -4190,7 +4183,7 @@ fieldset[disabled] .navbar .btn-link:focus {
   border-radius: 2px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   height: 0;
-  -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
+  transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
   transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
   -webkit-transform: translateY(200%);
       -ms-transform: translateY(200%);
@@ -4200,7 +4193,7 @@ fieldset[disabled] .navbar .btn-link:focus {
   padding: 14px 15px;
   margin-bottom: 20px;
   height: auto;
-  -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
+  transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
   transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
   -webkit-transform: none;
       -ms-transform: none;
@@ -4243,7 +4236,6 @@ fieldset[disabled] .navbar .btn-link:focus {
   *z-index: -1;
 }
 .noUi-state-tap .noUi-origin {
-  -webkit-transition: left 0.3s, top 0.3s;
   transition: left 0.3s, top 0.3s;
 }
 .noUi-state-drag * {
@@ -4288,7 +4280,6 @@ fieldset[disabled] .navbar .btn-link:focus {
 .noUi-handle {
   border-radius: 100%;
   cursor: default;
-  -webkit-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
   border: 1px solid;
 }

template/material/css/ripples.css

@@ -29,12 +29,11 @@
   pointer-events: none;
 }
 .ripple.ripple-on {
-  -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, -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 {
-  -webkit-transition: opacity 0.1s linear 0s !important;
   transition: opacity 0.1s linear 0s !important;
   opacity: 0;
 }

template/material/css/ripples.min.css

@@ -1 +1 @@
-.withripple{position:relative}.ripple-wrapper{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;overflow:hidden;border-radius:2px}.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:1}.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:2px}.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{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:1}.ripple.ripple-out{transition:opacity .1s linear 0s!important;opacity:0}