From dd9b4c35653fd0855a56c838e357dceb47700b57 Mon Sep 17 00:00:00 2001 From: kkortes Date: Mon, 29 Dec 2014 15:34:21 +0100 Subject: [PATCH] new version of Waves --- fonts/.DS_Store | Bin 6148 -> 0 bytes js/.DS_Store | Bin 6148 -> 0 bytes js/libs/Waves-master/.gitignore | 5 +- js/libs/Waves-master/Gruntfile.js | 27 +-- js/libs/Waves-master/LICENSE | 39 ++-- js/libs/Waves-master/README.md | 12 +- js/libs/Waves-master/bower.json | 9 +- js/libs/Waves-master/dist/waves.css | 190 +++++++++--------- js/libs/Waves-master/dist/waves.js | 50 +++-- js/libs/Waves-master/dist/waves.min.css | 14 +- js/libs/Waves-master/dist/waves.min.js | 14 +- js/libs/Waves-master/dist/waves.min.js.map | 2 +- js/libs/Waves-master/docs/index.html | 111 ++++------ js/libs/Waves-master/docs/static/prims.css | 0 js/libs/Waves-master/docs/static/prims.js | 0 js/libs/Waves-master/docs/static/style.css | 3 +- .../Waves-master/docs/static/waves.min.css | 14 +- js/libs/Waves-master/docs/static/waves.min.js | 14 +- .../Waves-master/docs/static/waves.min.js.map | 1 + js/libs/Waves-master/package.json | 19 +- js/libs/Waves-master/situs.json | 0 js/libs/Waves-master/src/css/waves.css | 130 ------------ js/libs/Waves-master/src/js/waves.js | 50 +++-- js/libs/Waves-master/src/less/waves.less | 81 ++++---- js/libs/Waves-master/src/sass/waves.sass | 31 +-- js/libs/Waves-master/src/scss/waves.scss | 31 +-- styl/.DS_Store | Bin 6148 -> 0 bytes 27 files changed, 363 insertions(+), 484 deletions(-) delete mode 100644 fonts/.DS_Store delete mode 100644 js/.DS_Store mode change 100755 => 100644 js/libs/Waves-master/.gitignore mode change 100755 => 100644 js/libs/Waves-master/Gruntfile.js mode change 100755 => 100644 js/libs/Waves-master/LICENSE mode change 100755 => 100644 js/libs/Waves-master/README.md mode change 100755 => 100644 js/libs/Waves-master/bower.json mode change 100755 => 100644 js/libs/Waves-master/dist/waves.css mode change 100755 => 100644 js/libs/Waves-master/dist/waves.js mode change 100755 => 100644 js/libs/Waves-master/dist/waves.min.css mode change 100755 => 100644 js/libs/Waves-master/dist/waves.min.js mode change 100755 => 100644 js/libs/Waves-master/dist/waves.min.js.map mode change 100755 => 100644 js/libs/Waves-master/docs/index.html mode change 100755 => 100644 js/libs/Waves-master/docs/static/prims.css mode change 100755 => 100644 js/libs/Waves-master/docs/static/prims.js mode change 100755 => 100644 js/libs/Waves-master/docs/static/style.css mode change 100755 => 100644 js/libs/Waves-master/docs/static/waves.min.css mode change 100755 => 100644 js/libs/Waves-master/docs/static/waves.min.js create mode 100644 js/libs/Waves-master/docs/static/waves.min.js.map mode change 100755 => 100644 js/libs/Waves-master/package.json mode change 100755 => 100644 js/libs/Waves-master/situs.json delete mode 100755 js/libs/Waves-master/src/css/waves.css mode change 100755 => 100644 js/libs/Waves-master/src/js/waves.js mode change 100755 => 100644 js/libs/Waves-master/src/less/waves.less mode change 100755 => 100644 js/libs/Waves-master/src/sass/waves.sass mode change 100755 => 100644 js/libs/Waves-master/src/scss/waves.scss delete mode 100644 styl/.DS_Store diff --git a/fonts/.DS_Store b/fonts/.DS_Store deleted file mode 100644 index c8a8acc997a745e235a635d42d0ba9c32fc225aa..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6148 zcmeHK%W48a5bQRBLM|RX&M)K-1~FgY4}>U$z-9*&J@3umPW2-}v&q3r4pI$0HPh2I z!_;AWTSRnq+&zgbL}U&(l(P+EvwicCO)_Grenyif{qC^sUfU@9_keL{@-AC2Kj7c| z)*0c))@ifvyVk#92N%+)02QDDRDcRlf!h_x5;}jpok|83paOTUfPEhd+^{ANf&S^h z;4J`fim)5z-b(4-ZW$R7dIg+>MbLxE3r?He`# diff --git a/js/.DS_Store b/js/.DS_Store deleted file mode 100644 index 6fc62d1de3066c5ce37729fe693ee447d7455416..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6148 zcmeHK%}T>S5ZU@HW0GXr1nq?x%vMdqA%pZ zhjC_iTa@ZeM9K`ze3Qw{ru!xAbQoj2(T!Fa^B7|eC}PP4^Nrwr)G;a9$P^&QHDoWl zl!=mX{XUjWf&a(=zPmC@Sj;5LKEFSCnZ#LMtG)5kRC#)4)^Xj6TbY}$oCIyv3-U1U zW{t3OgjaiE-j>$iS1K9#p*)CNy;E;-Tcvpzr>%}Ij-wW&93RGMqz z5Cg=(?=pbrg8)VJEfxm#(E&z}0Dxr(YXKi;39JzoeT#)bxC6pXDWECkcEsSO9OA;} z`4$U" ], @@ -11,7 +11,7 @@ "click", "material-design" ], - "license": "BSD", + "license": "MIT", "ignore": [ "**/.*", "node_modules", @@ -24,3 +24,6 @@ "README.md" ] } + + + diff --git a/js/libs/Waves-master/dist/waves.css b/js/libs/Waves-master/dist/waves.css old mode 100755 new mode 100644 index 42cfc7b..6db535d --- a/js/libs/Waves-master/dist/waves.css +++ b/js/libs/Waves-master/dist/waves.css @@ -1,134 +1,126 @@ - /*! - * Waves v0.5.1 - * https://publicis-indonesia.github.io/Waves - * - * Copyright 2014 Publicis Metro Indonesia, PT. and other contributors - * Released under the BSD license - * https://github.com/publicis-indonesia/Waves/blob/master/LICENSE + * Waves v0.5.5 + * http://fian.my.id/Waves + * + * Copyright 2014 Alfiana E. Sibuea and other contributors + * Released under the MIT license + * https://github.com/fians/Waves/blob/master/LICENSE */ - .waves-effect { - position: relative; - cursor: pointer; - display: inline-block; - overflow: hidden; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-tap-highlight-color: transparent; - -webkit-transition: all .3s ease-out; - -moz-transition: all .3s ease-out; - -o-transition: all .3s ease-out; - transition: all .3s ease-out; -} - + position: relative; + cursor: pointer; + display: inline-block; + overflow: hidden; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: transparent; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} .waves-effect .waves-ripple { - position: absolute; - border-radius: 50%; - width:100px; - height:100px; - opacity:0; - background-color: rgba(0, 0, 0, 0.2); - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - -o-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; - -webkit-transform: scale(0); - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); - transform: scale(0); -} - - + position: absolute; + border-radius: 50%; + width: 100px; + height: 100px; + margin-top: -50px; + margin-left: -50px; + opacity: 0; + background-color: rgba(0, 0, 0, 0.2); + -webkit-transition: all 0.5s ease-out; + -moz-transition: all 0.5s ease-out; + -o-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; + -webkit-transition-property: -webkit-transform, opacity; + -moz-transition-property: -moz-transform, opacity; + -o-transition-property: -o-transform, opacity; + transition-property: transform, opacity; + -webkit-transform: scale(0); + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); + pointer-events: none; +} .waves-effect.waves-light .waves-ripple { - background-color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0.4); } - .waves-notransition { - -webkit-transition: none !important; - transition: none !important; + -webkit-transition: none !important; + -moz-transition: none !important; + -o-transition: none !important; + transition: none !important; } - -.button.waves-effect, -.waves-button, +.waves-button, .waves-circle { - -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -ms-transform: translateZ(0); + -o-transform: translateZ(0); + transform: translateZ(0); + -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%); } - -.button, .waves-button, .waves-button:hover, .waves-button:visited, .waves-button:link, .waves-button-input { - white-space: nowrap; - /*vertical-align: middle;*/ - cursor: pointer; - border:none; - outline:none; - /*background:transparent;*/ - color: inherit; - /*font-size:14px;*/ - text-align: center; - text-decoration:none; - /*z-index:1;*/ -} - - -.button, + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + border: none; + outline: none; + color: inherit; + background-color: rgba(0, 0, 0, 0); + font-size: 14px; + text-align: center; + text-decoration: none; + z-index: 1; +} .waves-button { -/* padding:10px 15px;*/ - border-radius:2px; + padding: 10px 15px; + border-radius: 2px; } - .waves-button-input { - margin:0; - padding:10px 15px; + margin: 0; + padding: 10px 15px; } - .waves-input-wrapper { - border-radius:2px; - vertical-align: bottom; + border-radius: 2px; + vertical-align: bottom; } - .waves-input-wrapper.waves-button { - padding:0; + padding: 0; } - .waves-input-wrapper .waves-button-input { - position: absolute; - top: 0; - left: 0; - z-index: 1; + position: relative; + top: 0; + left: 0; + z-index: 1; } - .waves-circle { - text-align:center; - width:2.5em; - height:2.5em; - line-height:2.5em; - border-radius:50%; + text-align: center; + width: 2.5em; + height: 2.5em; + line-height: 2.5em; + border-radius: 50%; } - .waves-float { - -webkit-mask-image:none; - -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); - box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); + -webkit-mask-image: none; + -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); + box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); } - .waves-float:active { - -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.30); - box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.30); + -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); + box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); } - .waves-block { - display:block; + display: block; } - /* Firefox Bug: link not triggered */ a.waves-effect .waves-ripple { - z-index:-1; -} \ No newline at end of file + z-index: -1; +} diff --git a/js/libs/Waves-master/dist/waves.js b/js/libs/Waves-master/dist/waves.js old mode 100755 new mode 100644 index 9a2e158..1a46bc4 --- a/js/libs/Waves-master/dist/waves.js +++ b/js/libs/Waves-master/dist/waves.js @@ -1,11 +1,10 @@ - /*! - * Waves v0.5.1 - * https://publicis-indonesia.github.io/Waves - * - * Copyright 2014 Publicis Metro Indonesia, PT. and other contributors - * Released under the BSD license - * https://github.com/publicis-indonesia/Waves/blob/master/LICENSE + * Waves v0.5.5 + * http://fian.my.id/Waves + * + * Copyright 2014 Alfiana E. Sibuea and other contributors + * Released under the MIT license + * https://github.com/fians/Waves/blob/master/LICENSE */ ;(function(window) { @@ -61,6 +60,11 @@ show: function(e) { + // Disable right click + if (e.button === 2) { + return false; + } + var el = this; // Create ripple @@ -70,9 +74,15 @@ // Get click coordinate and element witdh var pos = offset(el); - var relativeY = (e.pageY - pos.top) - 45; - var relativeX = (e.pageX - pos.left) - 45; + var relativeY = (e.pageY - pos.top); + var relativeX = (e.pageX - pos.left); var scale = 'scale('+((el.clientWidth / 100) * 2.5)+')'; + + // Support for touch devices + if ('touches' in e) { + relativeY = (e.touches[0].pageY - pos.top); + relativeX = (e.touches[0].pageX - pos.left); + } // Attach data to element ripple.setAttribute('data-hold', Date.now()); @@ -199,13 +209,12 @@ wrapper.className = el.className + ' waves-input-wrapper'; var elementStyle = el.getAttribute('style'); - var dimensionStyle = 'width:'+el.offsetWidth+'px;height:'+el.clientHeight+'px;'; if (!elementStyle) { elementStyle = ''; } - wrapper.setAttribute('style', dimensionStyle+elementStyle); + wrapper.setAttribute('style', elementStyle); el.className = 'waves-button-input'; el.removeAttribute('style'); @@ -232,20 +241,21 @@ Effect.wrapInput($$('.waves-effect')); Array.prototype.forEach.call($$('.waves-effect'), function(i) { - - if (window.Touch) { - i.addEventListener('touchstart', Effect.show, false); - i.addEventListener('touchend', Effect.hide, false); + + if ('ontouchstart' in window) { + i.addEventListener('touchstart', Effect.show, false); + i.addEventListener('touchend', Effect.hide, false); + i.addEventListener('touchcancel', Effect.hide, false); + } else { + i.addEventListener('mousedown', Effect.show, false); + i.addEventListener('mouseup', Effect.hide, false); + i.addEventListener('mouseleave', Effect.hide, false); } - i.addEventListener('mousedown', Effect.show, false); - i.addEventListener('mouseup', Effect.hide, false); - i.addEventListener('mouseleave', Effect.hide, false); - }); }; window.Waves = Waves; -})(window); \ No newline at end of file +})(window); diff --git a/js/libs/Waves-master/dist/waves.min.css b/js/libs/Waves-master/dist/waves.min.css old mode 100755 new mode 100644 index 37f9bac..69c0881 --- a/js/libs/Waves-master/dist/waves.min.css +++ b/js/libs/Waves-master/dist/waves.min.css @@ -1,8 +1,8 @@ /*! - * Waves v0.5.1 - * https://publicis-indonesia.github.io/Waves - * - * Copyright 2014 Publicis Metro Indonesia, PT. and other contributors - * Released under the BSD license - * https://github.com/publicis-indonesia/Waves/blob/master/LICENSE - */.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:100px;height:100px;opacity:0;background-color:rgba(0,0,0,.2);-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.waves-effect.waves-light .waves-ripple{background-color:rgba(255,255,255,.4)}.waves-notransition{-webkit-transition:none!important;transition:none!important}.waves-button,.waves-circle{-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}.waves-button,.waves-button-input,.waves-button:hover,.waves-button:link,.waves-button:visited{white-space:nowrap;vertical-align:middle;cursor:pointer;border:none;outline:0;background:0 0;color:inherit;font-size:14px;text-align:center;text-decoration:none;z-index:1}.waves-button{padding:10px 15px;border-radius:2px}.waves-button-input{margin:0;padding:10px 15px}.waves-input-wrapper{border-radius:2px;vertical-align:bottom}.waves-input-wrapper.waves-button{padding:0}.waves-input-wrapper .waves-button-input{position:absolute;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%}.waves-float{-webkit-mask-image:none;-webkit-box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12)}.waves-float:active{-webkit-box-shadow:0 8px 20px 1px rgba(0,0,0,.3);box-shadow:0 8px 20px 1px rgba(0,0,0,.3)}.waves-block{display:block}a.waves-effect .waves-ripple{z-index:-1} \ No newline at end of file + * Waves v0.5.5 + * http://fian.my.id/Waves + * + * Copyright 2014 Alfiana E. Sibuea and other contributors + * Released under the MIT license + * https://github.com/fians/Waves/blob/master/LICENSE + */.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:100px;height:100px;margin-top:-50px;margin-left:-50px;opacity:0;background-color:rgba(0,0,0,.2);-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background-color:rgba(255,255,255,.4)}.waves-notransition{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;transition:none!important}.waves-button,.waves-circle{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle,#fff 100%,#000 100%)}.waves-button,.waves-button:hover,.waves-button:visited,.waves-button:link,.waves-button-input{white-space:nowrap;vertical-align:middle;cursor:pointer;border:none;outline:0;color:inherit;background-color:transparent;font-size:14px;text-align:center;text-decoration:none;z-index:1}.waves-button{padding:10px 15px;border-radius:2px}.waves-button-input{margin:0;padding:10px 15px}.waves-input-wrapper{border-radius:2px;vertical-align:bottom}.waves-input-wrapper.waves-button{padding:0}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%}.waves-float{-webkit-mask-image:none;-webkit-box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12)}.waves-float:active{-webkit-box-shadow:0 8px 20px 1px rgba(0,0,0,.3);box-shadow:0 8px 20px 1px rgba(0,0,0,.3)}.waves-block{display:block}a.waves-effect .waves-ripple{z-index:-1} \ No newline at end of file diff --git a/js/libs/Waves-master/dist/waves.min.js b/js/libs/Waves-master/dist/waves.min.js old mode 100755 new mode 100644 index 026c8ab..c5f2843 --- a/js/libs/Waves-master/dist/waves.min.js +++ b/js/libs/Waves-master/dist/waves.min.js @@ -1,10 +1,10 @@ /*! - * Waves v0.5.1 - * https://publicis-indonesia.github.io/Waves - * - * Copyright 2014 Publicis Metro Indonesia, PT. and other contributors - * Released under the BSD license - * https://github.com/publicis-indonesia/Waves/blob/master/LICENSE + * Waves v0.5.5 + * http://fian.my.id/Waves + * + * Copyright 2014 Alfiana E. Sibuea and other contributors + * Released under the MIT license + * https://github.com/fians/Waves/blob/master/LICENSE */ -!function(a){"use strict";function b(a){return null!==a&&a===a.window}function c(a){return b(a)?a:9===a.nodeType&&a.defaultView}function d(a){var b,d,e={top:0,left:0},f=a&&a.ownerDocument;return b=f.documentElement,"undefined"!=typeof a.getBoundingClientRect&&(e=a.getBoundingClientRect()),d=c(f),{top:e.top+d.pageYOffset-b.clientTop,left:e.left+d.pageXOffset-b.clientLeft}}function e(a){var b="";for(var c in a)a.hasOwnProperty(c)&&(b+=c+":"+a[c]+";");return b}var f=f||{},g=document.querySelectorAll.bind(document),h={duration:500,show:function(a){var b=this,c=document.createElement("div");c.className="waves-ripple",b.appendChild(c);var f=d(b),g=a.pageY-f.top-45,i=a.pageX-f.left-45,j="scale("+b.clientWidth/100*2.5+")";c.setAttribute("data-hold",Date.now()),c.setAttribute("data-scale",j),c.setAttribute("data-x",i),c.setAttribute("data-y",g);var k={top:g+"px",left:i+"px"};c.className=c.className+" waves-notransition",c.setAttribute("style",e(k)),c.className=c.className.replace("waves-notransition",""),k["-webkit-transform"]=j,k["-moz-transform"]=j,k["-ms-transform"]=j,k["-o-transform"]=j,k.transform=j,k.opacity="1",k["-webkit-transition-duration"]=h.duration+"ms",k["-moz-transition-duration"]=h.duration+"ms",k["-o-transition-duration"]=h.duration+"ms",k["transition-duration"]=h.duration+"ms",c.setAttribute("style",e(k))},hide:function(){for(var a=this,b=(1.4*a.clientWidth,null),c=a.children.length,d=0;c>d;d++)-1===a.children[d].className.indexOf("waves-ripple")||(b=a.children[d]);if(!b)return!1;var f=b.getAttribute("data-x"),g=b.getAttribute("data-y"),i=b.getAttribute("data-scale"),j=Date.now()-Number(b.getAttribute("data-hold")),k=500-j;0>k&&(k=0),setTimeout(function(){var c={top:g+"px",left:f+"px",opacity:"0","-webkit-transition-duration":h.duration+"ms","-moz-transition-duration":h.duration+"ms","-o-transition-duration":h.duration+"ms","transition-duration":h.duration+"ms","-webkit-transform":i,"-moz-transform":i,"-ms-transform":i,"-o-transform":i,transform:i};b.setAttribute("style",e(c)),setTimeout(function(){try{a.removeChild(b)}catch(c){return!1}},h.duration)},k)},wrapInput:function(a){for(var b=0;bd;d++)-1===a.children[d].className.indexOf("waves-ripple")||(b=a.children[d]);if(!b)return!1;var f=b.getAttribute("data-x"),g=b.getAttribute("data-y"),i=b.getAttribute("data-scale"),j=Date.now()-Number(b.getAttribute("data-hold")),k=500-j;0>k&&(k=0),setTimeout(function(){var c={top:g+"px",left:f+"px",opacity:"0","-webkit-transition-duration":h.duration+"ms","-moz-transition-duration":h.duration+"ms","-o-transition-duration":h.duration+"ms","transition-duration":h.duration+"ms","-webkit-transform":i,"-moz-transform":i,"-ms-transform":i,"-o-transform":i,transform:i};b.setAttribute("style",e(c)),setTimeout(function(){try{a.removeChild(b)}catch(c){return!1}},h.duration)},k)},wrapInput:function(a){for(var b=0;b - + @@ -12,7 +12,7 @@ - + @@ -25,7 +25,7 @@ m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); - ga('create', 'UA-37193210-5', 'auto'); + ga('create', 'UA-36521756-2', 'auto'); ga('send', 'pageview'); @@ -36,7 +36,7 @@

Waves

Click effect inspired by Google's Material Design

-

v0.5.1

+

v0.5.5

@@ -50,12 +50,12 @@

Waves on buttons

- +{{/code}}

@@ -71,7 +71,7 @@

Waves on buttons

- +{{/code}}

@@ -100,7 +100,7 @@

Waves on icons

- +{{/code}}

@@ -131,7 +131,7 @@

Waves on icons

- +{{/code}}

@@ -184,12 +184,12 @@

Waves on others

- +{{/code}}
Plain Box
@@ -203,7 +203,7 @@

Waves on others

- +{{/code}}

@@ -240,7 +240,7 @@

Getting Started

It's easy to use Waves. Download the latest version of Waves from Github repository. Just include waves.min.css and waves.min.js to your HTML file. And Waves is ready to use!

- - +{{/code}}

Advanced:
@@ -269,20 +269,20 @@

Getting Started

To put Waves effect on your buttons, just add .waves-effect and .waves-button class to your buttons.

- +{{/code}}

Normally, the effect will not work on single tag element like <input>. That's why Waves will wrap <input> inside <i> automatically if you display the effect.

- +{{/code}}

Waves can also be applied with icons (like FontAwesome) by using waves-circle, so you can give the icons Waves effect. It's simple, just give additional .waves-effect and .waves-circle class to your <i> tags and Waves will wrap icon inside circle spot that will prevent Waves effect spreading.

- +{{/code}}

You can also give Waves effect to other element tag like <div> or <img>. All you need to do is just put .waves-effect class. For element that not have closing tag like <img>, you have to wrap it inside <span>, and for element that have blocky display like <div>, you need to put .waves-block class to keep its shape.

- +{{/code}}
@@ -325,7 +325,7 @@

Styling

Waves give you capabilities to color your .waves-effect. You can do this by set up the color and background-color/background properties on your element style (or CSS file).

- +{{/code}}

By default, Waves ripple is darker. If you want the ripple is lighter, you can set .waves-light along side .waves-effect class. Make sure the element has been colored, because if it haven't colored yet, you cannot see the light ripple.

- +{{/code}}

Not only give your "Waves effect", Waves also provide float effect when you click an element by adding .waves-float class to the element. Once again, before put float effect, your have to make sure the element has been colored, to prevent weird shadow on the element.

- +{{/code}} @@ -394,13 +394,13 @@

displayEffect(config)

  • config - (optional) Configuration object for displaying Waves effect.
    • - +{{/code}} @@ -408,27 +408,19 @@

    displayEffect(config)

    FAQ

    - What browsers support Waves? + Browser support?

    Waves works in latest modern browser (i.e. Chrome, Firefox, Opera and Safari) and also IE10+. More browser support will comming.

    - -

    - Does Waves support mobile devices? -

    - -

    - Waves is partially support mobile device by using touchstart and touchend event. -

    Can I make Waves better?

    - Yes, we strongly encourage you to contribute to make Waves better. So, if you find a bug, or have nice idea for Waves development, please mention us. + Yes, I strongly encourage you to contribute to make Waves better. So, if you find a bug, or have nice idea for Waves development, please mention me.

    @@ -444,7 +436,7 @@

    Quick Fix

    effect when you tapping a link or button and this highlight will shadowed Waves effect. To prevent this thing happen, you will need to add msapplication-tap-highlight meta tag on your header.

    - - +{{/code}} - Fork me on GitHub + Fork me on GitHub @@ -487,21 +475,6 @@

    Quick Fix