@import '../../variables.less';
@import '../../mixins.less';

/***************
Ripple.less
*****************/
#ecf-creator {
	.ripple-wrapper {
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		position: absolute;
		&.white {
			span {
				background-color: fade(@white, 20%);
			}
		}
		span {
			.roundedcorners(50%);
			position: absolute;
      background-color: fade(@black, 10%);
      width: 50px;
      height: 50px;
      margin-top: -25px;
      margin-left: -25px;
      visibility: hidden;
		}
	}
}