svelte-intersection-observer/rollup.config.ts at master · metonym/svelte-intersection-observer · GitHub

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
37
38
39
40
41
42
43
44
45
46
import svelteReadme from "svelte-readme";

export default svelteReadme({
  style: `
    .code-fence {
      overflow-y: scroll;
      height: 50vh;
      min-height: 380px;
      padding: 0;
    }

    header {
      position: sticky;
      z-index: 1;
      top: 0;
      left: 0;
      min-height: 80px;
      width: 100%;
      padding: 1rem;
      background-color: #e0f7f6;
    }

    header:before {
      content: "Scroll down.";
      display: block;
      color: #111;
    }

    .code-fence header ~ div {
      margin-top: 50vh;
      height: 25vh;
      padding: 1rem;
      background-color: #376462;
      color: #fff;
    }

    .code-fence header {
      font-weight: bold;
      color: #d54309;
    }

    .code-fence .intersecting {
      color: #00a91c;
    }
  `,
});