@link-prefix: ~'@{icecream-prefix}-link';

.@{link-prefix} {
  .extendBaseEnhanced();
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  .setFontSize(inherit);
  text-decoration: none;
  outline: none;
  border: none;
  background: none;

  &-blue {
    color: @icecream-primary-color;

    &:hover, &:focus {
      color: @icecream-color-blue-4;
    }
  }

  &-black {
    color: @icecream-text-color;

    &:hover, &:focus {
      color: @icecream-color-blue-6;
    }
  }

  &-classic {
    color: inherit;

    &:hover, &:focus {
      color: inherit;
      text-decoration: underline;
    }
  }

  &-icon {
    display: inherit;
    margin-right: 4px;
  }

  // 文字蓝色的环境里，蓝色的 Link 不明显，加上下划线
  &-blue&-env-blue {
    text-decoration: underline;
  }
}