Skip to content

Commit a54a65c

Browse files
jakiestfujakiestfu
committed
Dist files
1 parent 0aca347 commit a54a65c

7 files changed

+47
-19
lines changed

‎Gruntfile.js

+1
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,7 @@ module.exports = function(grunt) {
2929
uglify: {
3030
options: {
3131
banner: "/* " + banner + " */\n",
32+
footer: "$.ripple.version = \"<%= pkg.version %>\";",
3233
preserveComments: 'some'
3334
},
3435
main: {

‎README.md

+7
Original file line numberDiff line numberDiff line change
@@ -19,13 +19,20 @@ Include jQuery, the ripple.css, and ripple.js into your page. Then upon initiali
1919

2020
```javascript
2121
$.ripple(".btn", {
22+
debug: false, // Turn Ripple.js logging on/off
2223
on: 'mousedown', // The event to trigger a ripple effect
2324

2425
opacity: 0.4, // The opacity of the ripple
2526
color: "auto", // Set the background color. If set to "auto", it will use the text color
2627
multi: false, // Allow multiple ripples per element
2728

2829
duration: 0.7, // The duration of the ripple
30+
31+
// Filter function for modifying the speed of the ripple
32+
rate: function(pxPerSecond) {
33+
return pxPerSecond;
34+
},
35+
2936
easing: 'linear' // The CSS3 easing function of the ripple
3037
});
3138
```

‎bower.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "Ripple.js",
33
"author": "Jacob Kelley",
4-
"version": "1.1.0",
4+
"version": "1.2.0",
55
"main": "dist/ripple.min.js"
66
}

‎demo/index.html

+34-14
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,10 @@
1717
background: #fefefe;
1818
color: #2a2a2a;
1919
font-family: 'Open Sans', sans-serif;
20+
cursor: default;
21+
}
22+
*::selection {
23+
background: transparent !important;
2024
}
2125
header h1 {
2226
opacity: 0.7;
@@ -28,12 +32,13 @@
2832
box-shadow: none !important;
2933
}
3034

31-
.white .btn {
35+
.white.btn {
3236
background: #fff;
3337
}
34-
.white .btn-success { color: #5cb85c; }
35-
.white .btn-warning { color: #f0ad4e; }
36-
.white .btn-danger { color: #d9534f; }
38+
.white.btn-primary { color: #428bca; }
39+
.white.btn-success { color: #5cb85c; }
40+
.white.btn-warning { color: #f0ad4e; }
41+
.white.btn-danger { color: #d9534f; }
3742

3843

3944
.btn-block { max-width: 500px; margin: 0 auto; }
@@ -51,6 +56,9 @@
5156
transition: all 0.3s ease;
5257
text-decoration: none !important;
5358
}
59+
.text-muted {
60+
color: #777 !important;
61+
}
5462
</style>
5563
</head>
5664
<body class="text-center">
@@ -68,28 +76,29 @@ <h1>Ripple.js</h1>
6876
<a href="#" class="btn btn-warning btn-lg">Warnings</a>
6977
<a href="#" class="btn btn-danger btn-lg">Danger</a>
7078
<hr />
71-
<div class="white">
72-
<a href="#" class="btn btn-success btn-lg">Success</a>
73-
<a href="#" class="btn btn-warning btn-lg">Warnings</a>
74-
<a href="#" class="btn btn-danger btn-lg">Danger</a>
75-
</div>
79+
<a href="#" class="btn btn-success btn-lg white">Success</a>
80+
<a href="#" class="btn btn-warning btn-lg white">Warning</a>
81+
<a href="#" class="btn btn-danger btn-lg white">Danger</a>
7682
<hr />
7783
<div class="area">
7884
<h3>Area</h3>
7985
</div>
8086
<hr />
8187
<a href="#" class="btn btn-primary btn-block">Default</a>
82-
<a href="#" class="btn btn-primary btn-block" data-easing="ease-in-out">Easing</a>
88+
<a href="#" class="btn btn-primary btn-block" data-easing="ease-in-out" data-duration="1.5">Easing</a>
8389
<a href="#" class="btn btn-primary btn-block" data-duration="3">Duration</a>
8490
<a href="#" class="btn btn-primary btn-block" data-opacity="1">Opacity</a>
85-
<a href="#" class="btn btn-primary btn-block" data-color="limegreen">Color</a>
91+
<a href="#" class="btn btn-primary btn-block white" data-color="auto">Auto Color</a>
92+
<a href="#" class="btn btn-primary btn-block" data-color="limegreen" data-opacity="1">Color + Opacity</a>
93+
<a href="#" class="btn btn-primary btn-block no-bind demo">Bind to Events (mouseleave)</a>
94+
<a href="#" class="btn btn-primary btn-block" data-multi="false">Multi = false</a>
8695
</div>
8796
</div>
8897
</div>
8998

9099
<hr />
91-
<a href="http://jakiestfu.com/" target="_blank" class="text-muted">
92-
<small>Carefully Crapted by jakiestfu</small>
100+
<a href="http://jakiestfu.com/" target="_blank" class="btn btn-small btn-primary white text-muted no-bind jakiestfu" data-delay="200">
101+
<small>by jakiestfu</small>
93102
</a>
94103
<hr />
95104

@@ -103,7 +112,18 @@ <h3>Area</h3>
103112

104113
$(document).on('click', '[href="#"]', function(e) { e.preventDefault(); })
105114

106-
$.ripple('.btn, .area', {
115+
window.rippler = $.ripple('.btn:not(.no-bind), .area', {
116+
debug: true,
117+
multi: true
118+
});
119+
120+
$.ripple('.no-bind.demo', {
121+
on: 'mouseleave',
122+
multi: true
123+
});
124+
125+
$.ripple('.no-bind.jakiestfu', {
126+
on: 'mouseenter',
107127
multi: true
108128
});
109129
});

‎dist/ripple.min.css

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/ripple.min.js

+2-2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "Ripple.js",
33
"author": "Jacob Kelley",
4-
"version": "1.1.0",
4+
"version": "1.2.0",
55
"repository": {
66
"type": "git",
77
"url": "https://github.com/jakiestfu/Ripple.js.git"

0 commit comments

Comments
 (0)