@import "../../globals.md";

// Material Design Ripple Effect
// --------------------------------------------------

$ripple-background-color:       rgba(0, 0, 0, 0.1) !default;


md-ripple {
  position: absolute;
  z-index: 0;
  display: block;
  border-radius: 50%;

  background-color: ripple-background-color($ripple-background-color);

  overflow: hidden;
  pointer-events: none;

  transform: scale(0.001) translateZ(0);
}