jjj 0.2.1

A modal interface for Jujutsu.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

---
import { PAGE_TITLE_ID } from '../constants';
---

<a href={`#${PAGE_TITLE_ID}`}>{Astro.locals.t('skipLink.label')}</a>

<style>
	a {
		clip: rect(0, 0, 0, 0);
		position: fixed;
		top: 0.75rem;
		inset-inline-start: 0.75rem;
	}
	a:focus {
		clip: unset;
		z-index: var(--sl-z-index-skiplink);
		display: block;
		padding: 0.5rem 1rem;
		text-decoration: none;
		color: var(--sl-color-text-invert);
		background-color: var(--sl-color-text-accent);
		box-shadow: var(--sl-shadow-lg);
	}
</style>