fix(links): show backdrop on links highlighted in headers alias (jack…

…yzha0#816) * fix: assign specific classes based on parent node Signed-off-by: Aaron <[email protected]> * fix: use custom role for anchor icone Signed-off-by: Aaron <[email protected]> * fix: allow color on links 😄 Signed-off-by: Aaron <[email protected]> * chore: unify search inner container Signed-off-by: Aaron <[email protected]> --------- Signed-off-by: Aaron <[email protected]>
djotto · Feb 6, 2024 · d2fb50b · d2fb50b
1 parent 52ef6d1
commit d2fb50b
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/quartz/components/styles/search.scss b/quartz/components/styles/search.scss
@@ -160,7 +160,7 @@
             width: min($pageWidth, 100%);
           }
 
-          & [data-icon] {
+          a[role="anchor"] {
             background-color: transparent;
           }
         }

diff --git a/quartz/plugins/transformers/gfm.ts b/quartz/plugins/transformers/gfm.ts
@@ -32,10 +32,10 @@ export const GitHubFlavoredMarkdown: QuartzTransformerPlugin<Partial<Options> |
             {
               behavior: "append",
               properties: {
+                role: "anchor",
                 ariaHidden: true,
                 tabIndex: -1,
                 "data-no-popover": true,
-                "data-icon": true,
               },
               content: {
                 type: "element",

diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
@@ -259,11 +259,9 @@ thead {
   font-weight: revert;
   margin-bottom: 0;
 
-  article > & > a {
+  article > & > a[role="anchor"] {
     color: var(--dark);
-    &.internal {
-      background-color: transparent;
-    }
+    background-color: transparent;
   }
 }