@mixin font-style($font-family, $font-size, $line-height, $font-weight) {
    font-family: $font-family;
    font-size: $font-size;
    line-height: $line-height;
    font-weight: $font-weight;
}

@keyframes ripple{
    from {
        transform: scale(1);
        opacity: 0.4;
        }
        
    to {
        transform: scale(30);
        opacity: 0;
    }
}

@mixin placeholder($font-family,$color, $font-size-p, $line-height-p, $font-weight-p, $opacity: 1) {
    &::-moz-placeholder {
      font-family:$font-family;
      color: $color;
      opacity: $opacity;
      font-size: $font-size-p;
      font-weight: $font-weight-p;
      line-height: $line-height-p;
      text-transform: none;
    }
  
    &:-ms-input-placeholder {
      font-family:$font-family;
      color: $color;
      opacity: $opacity;
      font-size: $font-size-p;
      font-weight: $font-weight-p;
      line-height: $line-height-p;
      text-transform: none;
    }
  
    &::-webkit-input-placeholder {
      font-family:$font-family;
      color: $color;
      opacity: $opacity;
      font-size: $font-size-p;
      font-weight: $font-weight-p;
      line-height: $line-height-p;
      text-transform: none;
    }
  }