// Block Links

.block-link {
  display: block;
  color: inherit;
  text-decoration: inherit;


  &:hover {
    color: inherit;

    .block-link-proxy {
      color: $link-hover-color;
    }

    .u-bg-dark .block-link-proxy,
    .u-bg-dark & .block-link-proxy {
      color: $link-hover-color-inverse;
    }
  }

  &:active {
    color: inherit;

    .block-link-proxy {
      color: $link-active-color;
    }

    .u-bg-dark .block-link-proxy,
    .u-bg-dark & .block-link-proxy {
      color: $link-active-color-inverse;
    }
  }

  &:focus {
    @include tab-focus();
  }

  .u-bg-dark & {
    &,
    &:hover,
    &:active {
      color: inherit;
    }
  }
}

.block-link-proxy {
  @include link-color();
}