@use "base.scss";

.prose article {
  @include base.headings {
    & > a:hover,
    & > a:active {
      text-decoration: underline;
      text-decoration-skip-ink: all;
      @apply text-blue-700 dark:text-blue-400;
      &::before {
        content: "#";
        position: absolute;
        opacity: 0.5;
        left: -2rem;
      }
    }
  }

  a:hover {
    @apply hover:text-blue-700 dark:hover:text-blue-400;
  }
}
