Fixed issues #56 and #57 plus some tiny cleanup (and maybe #48)

Updating less, sass and scss mixins to use the `.transition()` mixin on the `.waves-notransition` class.

Previous pull request didn't compile under the node less package.

Note to make a mixin important in less, adding `!important` outside the mixin will make *all* lines generated by the mixin important (eg. `.transition(none) !important;`). Sadly we can't pass `!important` into mixins.

----

Also fixes an issue in Safari with buttons/circle icons not containing the click effect while its being animated.

----

Fixed issue #57 with Safari transitioning the top and left attributes of the wave ripple when it shouldn't. I'm assuming this also fixes the bug on mobile Safari in issue #48 but I haven't tested that. Did this by limiting the transition-property as follows in waves.less:

```css
.transition(all 0.5s ease-out);
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
```

Change still needs copied over to the sass and scss files. Probably also needs the opera transition property too. Will do so in next commit.

----

Fixed my self-made inconsistencies in the SASS and SCSS files from the LESS. Also added the `-o-transition-property` since it was probably necessary in there too.

----

Added the `pointer-events:none;` CSS to the `.waves-ripple` class to fix the Firefox click event problem in issue #56.