csswg-drafts/bin/templates/index.html.j2 at scroll-animations-explainer · flackr/csswg-drafts · 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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<meta charset="UTF-8" />
<title>CSS Working Group Draft Specifications</title>
<style>
  :root {
    color-scheme: light dark;
    --text: black;
    --bg: #f7f8f9;
    --a-normal-text: #034575;
    --a-normal-underline: #707070;

    background-color: var(--bg);
    color: var(--text);
  }

  h1 {
    text-align: center;
  }

  a[href] {
    color: var(--a-normal-text);
    text-decoration-color: var(--a-normal-underline);
    text-decoration-skip-ink: none;
  }

  a[href]:focus,
  a[href]:hover {
    text-decoration-thickness: 2px;
    text-decoration-skip-ink: none;
  }

  @media (prefers-color-scheme: dark) {
    :root {
      --text: #ddd;
      --bg: #080808;
      --a-normal-text: #6af;
      --a-normal-underline: #555;
    }
  }

  li {
    margin-block-start: 1em;
    margin-block-end: 1em;
  }

  li p,
  li ul,
  li ul li {
    margin-block-start: 0;
    margin-block-end: 0;
  }
</style>

<h1>CSS Working Group Draft Specifications</h1>

<ul>
  {% for shortname, specgroup in specgroups|dictsort %}
  <li>
    <p><a href="./{{ shortname }}">{{ shortname }}</a></p>
    <ul>
      {% for spec in specgroup %}
      <li><a href="./{{ spec.dir }}">{{ spec.title }}</a>
      {%- if spec.currentWork -%}
      {{ "" }} (current work)
      {%- endif -%}
      </li>
      {% endfor %}
    </ul>
  </li>
  {% endfor %}
</ul>