Schedule page

_sass/vendor/_waves.scss

@@ -1,66 +1,139 @@
-.waves-element {
+
+/*!
+ * 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
+ */
+
+@mixin transition ($transition) {
+    -webkit-transition: $transition;  
+    -moz-transition: $transition; 
+    -o-transition: $transition;
+    transition: $transition;  
+}
+
+@mixin transform($string) {
+    -webkit-transform: $string;
+    -moz-transform: $string;
+    -ms-transform: $string;
+    -o-transform: $string;
+    transform: $string;
+}
+
+@mixin box-shadow($shadow) {
+    -webkit-box-shadow: $shadow;
+    box-shadow: $shadow;
+}
+
+.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;
-    transition: all .3s ease-out;
+    -webkit-tap-highlight-color: transparent;
+    @include transition(all .3s ease-out);
+    
     .waves-ripple {
         position: absolute;
-        border-radius: 100%;
-        border-width:0px;
-        border-style:solid;
-        width:0px;
-        height:0px;
+        border-radius: 50%;
+        width:100px;
+        height:100px;
         opacity:0;
-        border-color: rgba(0, 0, 0, 0.2);
-        transition: all 0.5s ease-out;
+        background-color: rgba(0, 0, 0, 0.2);
+        @include transition(all 0.5s ease-out);
+        @include transform(scale(0));
     }
+
     &.waves-light .waves-ripple {
-        border-color: rgba(255, 255, 255, 0.2);
+        background-color: rgba(255, 255, 255, 0.4);
     }
 }
+
 .waves-notransition {
-    transition: none !important;
-} 
-.waves-mask {
+    -webkit-transition: none !important;  
+    -moz-transition: none !important; 
+    -o-transition: none !important;
+    transition: none !important; 
+}
+
+.waves-button, 
+.waves-icon {
     -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
 }
+
+.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;
+}
+
 .waves-button {
-    @extend .waves-mask;
     padding:10px 15px;
-    border-radius:4px;
-    a, a:hover, a:visited, a:link, button, input[type="submit"], input[type="button"] {
-        margin: 0;
+    border-radius:2px;
+}
+
+.waves-button-input {
+    margin:0;
+    padding:10px 15px;
+}
+
+.waves-input-wrapper {
+    border-radius:2px;
+    vertical-align: bottom;
+
+    &.waves-button {
         padding:0;
-        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;
+    }
+
+    .waves-button-input {
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 1;
     }
 }
-.waves-icon {
-    @extend .waves-mask;
+
+.waves-circle {
     text-align:center;
     width:2.5em;
     height:2.5em;
     line-height:2.5em;
-    border-radius:20px;
+    border-radius:50%;
 }
-.waves-will-raise {
+
+.waves-float {
     -webkit-mask-image:none;
-    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+    @include box-shadow(0px 1px 1.5px 1px rgba(0, 0, 0, 0.12));
+
     &:active {
-        box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.26);
+        @include box-shadow(0px 8px 20px 1px rgba(0, 0, 0, 0.30));
     }
 }
+
 .waves-block {
     display:block;
 }
 
+/* Firefox Bug: link not triggered */
+a.waves-effect .waves-ripple {
+    z-index:-1;
+}