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>
This commit is contained in:
Aaron Pham 2024-02-06 02:06:19 -05:00 committed by GitHub
parent 52ef6d1b6f
commit d2fb50b83c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 4 additions and 6 deletions

View file

@ -160,7 +160,7 @@
width: min($pageWidth, 100%); width: min($pageWidth, 100%);
} }
& [data-icon] { a[role="anchor"] {
background-color: transparent; background-color: transparent;
} }
} }

View file

@ -32,10 +32,10 @@ export const GitHubFlavoredMarkdown: QuartzTransformerPlugin<Partial<Options> |
{ {
behavior: "append", behavior: "append",
properties: { properties: {
role: "anchor",
ariaHidden: true, ariaHidden: true,
tabIndex: -1, tabIndex: -1,
"data-no-popover": true, "data-no-popover": true,
"data-icon": true,
}, },
content: { content: {
type: "element", type: "element",

View file

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