summaryrefslogtreecommitdiff
path: root/src/lib/components/Giscus.svelte
blob: 4caf6e7d19f349a993a86f946c1afe8fcc9a963e (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
<svelte:head>
  <script src="/giscus-loader.js" defer></script>
</svelte:head>

<div class="giscus-container" data-giscus-root>
  <button class="comments-toggle" type="button">Show comments</button>
  <div class="giscus-trigger"></div>
  <div class="giscus-slot"></div>
</div>

<style>
  .comments-toggle {
    margin-bottom: 1rem;
    padding: 0.6rem 0.9rem;
    border: 1px solid var(--border);
    background: transparent;
    color: var(--text);
    font: inherit;
    cursor: pointer;
  }

  .comments-toggle:disabled {
    opacity: 0.75;
    cursor: default;
  }

  .giscus-trigger {
    height: 1px;
  }
</style>