SCSS fancy underline mixin

mixin.scss

@mixin fancy-underline( $regColor:transparent, $hoverColor:#ffffff, $size: 1.5px, $distance: 4px, $delay: false) {
  @include transition(padding .2s ease-in-out);
  @if $delay {
    @include transition-delay(.2s);
  }
  border-bottom: $size solid transparent;
  color: $regColor;
  display: inline-block;
  text-decoration: none;

  &:hover {
    color: $hoverColor;
    border-bottom: $size solid $hoverColor;
    padding-bottom: $distance;
  }
}