Skip to content

Commit

Permalink
Change hash link aligment to improve outline rings
Browse files Browse the repository at this point in the history
  • Loading branch information
Chalarangelo committed Aug 24, 2024
1 parent cd70eeb commit b8c07f5
Showing 1 changed file with 5 additions and 1 deletion.
6 changes: 5 additions & 1 deletion src/astro/styles/_link.scss
Original file line number Diff line number Diff line change
Expand Up @@ -57,11 +57,15 @@ a[data-code-reference='true'] {
font-size: 0.5em;
text-align: center;
font-weight: var(--font-weight-medium);
// Vertically center the hash link indicator and also make it match the
// height of the link for a better outline.
top: 0.25px;
height: 100%;
line-height: 2.5em;
// Position the hash link indicator to the left of the link, inside the
// layout bleed area.
left: calc(-1 * var(--layout-bleed-width));
width: var(--layout-bleed-width);
top: 0.5em;
color: var(--color-primary-light);
// Opacity of the hash link.
opacity: var(--link_hash_opacity);
Expand Down

0 comments on commit b8c07f5

Please sign in to comment.