aboutsummaryrefslogtreecommitdiffhomepage
path: root/src/components/starlight/PageTitle.astro
blob: eba8bbdc64a176e48a46a1c61b7b1b44e0574860 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
---
import Breadcrumbs from './Breadcrumbs.astro';

const { title, subtitle } = Astro.locals.starlightRoute.entry.data;
---

{Astro.url.pathname !== "/" && (
  <>
    <div id="_top">
      <Breadcrumbs />
    </div>
    <h1>{title}</h1>
    {subtitle && <p class="page-subtitle">{subtitle}</p>}
  </>
)}

<style>
  @layer starlight.core {
    h1 {
      margin-top: 1rem;
      font-size: var(--sl-text-h1);
      line-height: var(--sl-line-height-headings);
      font-weight: 600;
      color: var(--sl-color-white);
    }

    .page-subtitle {
      margin-top: 0.75rem;
      margin-bottom: 0;
      font-size: var(--sl-text-lg);
      line-height: var(--sl-line-height-headings);
      font-weight: 400;
      color: var(--sl-color-gray-2);
    }
  }
</style>