Skip to content

Commit

Permalink
Bump to 0.7.4
Browse files Browse the repository at this point in the history
  • Loading branch information
Alfiana Sibuea committed Oct 27, 2015
1 parent 861d6eb commit b94fb1b
Show file tree
Hide file tree
Showing 11 changed files with 29 additions and 11 deletions.
2 changes: 1 addition & 1 deletion dist/waves.css
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/*!
* Waves v0.7.3
* Waves v0.7.4
* http://fian.my.id/Waves
*
* Copyright 2014 Alfiana E. Sibuea and other contributors
Expand Down
2 changes: 1 addition & 1 deletion dist/waves.js
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/*!
* Waves v0.7.3
* Waves v0.7.4
* http://fian.my.id/Waves
*
* Copyright 2014 Alfiana E. Sibuea and other contributors
Expand Down
2 changes: 1 addition & 1 deletion dist/waves.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion dist/waves.min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion docs/_pages/home.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<div id="landing" class="section hide">
<h1>Waves</h1>
<p>Click effect inspired by Google's Material Design</p>
<p>v0.7.3</p>
<p>v0.7.4</p>
<div class="button">
<a href="#examples" class="waves-effect waves-button waves-float">See the examples</a>
<br>
Expand Down
2 changes: 1 addition & 1 deletion docs/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="./static/prims.css">
<link rel="stylesheet" type="text/css" href="./static/snarl.min.css">
<link rel="stylesheet" type="text/css" href="./static/waves.min.css?v=0.7.2">
<link rel="stylesheet" type="text/css" href="./static/waves.min.css?v=0.7.4">

<link rel="stylesheet" type="text/css" href="./static/style.css">

Expand Down
2 changes: 1 addition & 1 deletion src/js/waves.js
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/*!
* Waves v0.7.3
* Waves v0.7.4
* http://fian.my.id/Waves
*
* Copyright 2014 Alfiana E. Sibuea and other contributors
Expand Down
2 changes: 1 addition & 1 deletion src/less/waves.less
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

/*!
* Waves v0.7.3
* Waves v0.7.4
* http://fian.my.id/Waves
*
* Copyright 2014 Alfiana E. Sibuea and other contributors
Expand Down
20 changes: 19 additions & 1 deletion src/sass/waves.sass
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/*!
* Waves v0.7.3
* Waves v0.7.4
* http://fian.my.id/Waves
*
* Copyright 2014 Alfiana E. Sibuea and other contributors
Expand Down Expand Up @@ -33,6 +33,7 @@
-ms-user-select: none
user-select: none
-webkit-tap-highlight-color: transparent

.waves-ripple
position: absolute
border-radius: 50%
Expand All @@ -42,27 +43,38 @@
margin-left: -50px
opacity: 0
background: rgba(0, 0, 0, 0.2)

$gradient: rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%

background: -webkit-radial-gradient($gradient)
background: -o-radial-gradient($gradient)
background: -moz-radial-gradient($gradient)
background: radial-gradient($gradient)

+waves-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

+waves-transform(scale(0) translate(0, 0))

pointer-events: none

&.waves-light .waves-ripple
background: rgba(255, 255, 255, 0.4)

$gradient: rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%

background: -webkit-radial-gradient($gradient)
background: -o-radial-gradient($gradient)
background: -moz-radial-gradient($gradient)
background: radial-gradient($gradient)

&.waves-classic .waves-ripple
background: rgba(0, 0, 0, 0.2)

&.waves-classic.waves-light .waves-ripple
background: rgba(255, 255, 255, 0.4)

Expand All @@ -72,6 +84,7 @@
.waves-button,
.waves-circle
+waves-transform(translateZ(0))

-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%)

.waves-button,
Expand Down Expand Up @@ -102,8 +115,10 @@
.waves-input-wrapper
border-radius: 0.2em
vertical-align: bottom

&.waves-button
padding: 0

.waves-button-input
position: relative
top: 0
Expand All @@ -119,8 +134,11 @@

.waves-float
-webkit-mask-image: none

+waves-box-shadow(0px 1px 1.5px 1px rgba(0, 0, 0, 0.12))

+waves-transition(all 300ms)

&:active
+waves-box-shadow(0px 8px 20px 1px rgba(0, 0, 0, 0.3))

Expand Down
2 changes: 1 addition & 1 deletion src/scss/waves.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

/*!
* Waves v0.7.3
* Waves v0.7.4
* http://fian.my.id/Waves
*
* Copyright 2014 Alfiana E. Sibuea and other contributors
Expand Down
2 changes: 1 addition & 1 deletion src/stylus/waves.styl
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
lesscss-percentage(n)
(n * 100)%
/*!
* Waves v0.7.3
* Waves v0.7.4
* http://fian.my.id/Waves
*
* Copyright 2014 Alfiana E. Sibuea and other contributors
Expand Down

0 comments on commit b94fb1b

Please sign in to comment.