fix(links): show backdrop on links highlighted in headers alias (#816)

Aaron Pham

2024-02-06 d2fb50b83c9557f1cd36e4706e9a11aa8f01e458

fix(links): show backdrop on links highlighted in headers alias (#816)

* fix: assign specific classes based on parent node

Signed-off-by: Aaron <29749331+aarnphm@users.noreply.github.com>

* fix: use custom role for anchor icone

Signed-off-by: Aaron <29749331+aarnphm@users.noreply.github.com>

* fix: allow color on links 😄

Signed-off-by: Aaron <29749331+aarnphm@users.noreply.github.com>

* chore: unify search inner container

Signed-off-by: Aaron <29749331+aarnphm@users.noreply.github.com>

---------

Signed-off-by: Aaron <29749331+aarnphm@users.noreply.github.com>

 quartz/components/styles/search.scss

@@ -160,7 +160,7 @@
            width: min($pageWidth, 100%);
          }

          & [data-icon] {
          a[role="anchor"] {
            background-color: transparent;
          }
        }

 quartz/plugins/transformers/gfm.ts

@@ -32,10 +32,10 @@
            {
              behavior: "append",
              properties: {
                role: "anchor",
                ariaHidden: true,
                tabIndex: -1,
                "data-no-popover": true,
                "data-icon": true,
              },
              content: {
                type: "element",

 quartz/styles/base.scss

@@ -259,11 +259,9 @@
  font-weight: revert;
  margin-bottom: 0;

  article > & > a {
  article > & > a[role="anchor"] {
    color: var(--dark);
    &.internal {
      background-color: transparent;
    }
    background-color: transparent;
  }
}