40-summary.css RawHistoryFolder

1@layer components {
2  .lede { max-width: var(--measure); color: var(--ink-dim); font-size: 16px; }
3
4  /* key/value facts */
5  .facts {
6    display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); column-gap: var(--s5);
7    & > div { display: grid; grid-template-columns: 120px 1fr; min-width: 0; }
8    & dt { color: var(--ink-mute); }
9    & dd { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
10  }
11
12  .tagged { color: var(--ink); font-weight: 700; white-space: nowrap; }
13  .list.commits .c-subject { overflow: hidden; text-overflow: ellipsis; }
14
15  .readme .prose { padding: var(--s5) var(--s6) var(--s6); }
16  .doc-tabs {
17    display: flex; flex-wrap: wrap; gap: var(--s4);
18    & a { color: var(--ink-dim); }
19    & a[aria-current] { color: var(--teal); text-decoration: underline; text-underline-offset: 5px; }
20  }
21
22  /* rendered Markdown */
23  .prose {
24    max-width: var(--measure); line-height: 1.65; overflow-wrap: break-word;
25    & h1, & h2, & h3, & h4 { margin: 1.6em 0 0; }
26    & h1 { font-size: 26px; line-height: 34px; padding-bottom: var(--s2); border-bottom: 1px solid var(--border); }
27    & h2 { font-size: 20px; line-height: 28px; padding-bottom: var(--s1); border-bottom: 1px solid var(--border); }
28    & h3 { font-size: 17px; }
29    & > :first-child { margin-top: 0; }
30    & p, & ul, & ol, & pre, & table, & blockquote { margin-top: var(--s4); }
31    & ul { list-style: disc; }
32    & ul, & ol { padding-left: var(--s5); }
33    & ol { list-style: decimal; }
34    & li + li { margin-top: var(--s1); }
35    & li::marker { color: var(--ink-mute); }
36    & a { color: var(--accent); text-decoration-color: color-mix(in srgb, var(--accent) 40%, transparent); }
37    & a:hover { color: var(--accent); text-decoration-color: currentColor; }
38    & li > ul, & li > ol, & li > p { margin-top: var(--s1); }
39    & pre {
40      padding: var(--s3) var(--s4); overflow-x: auto;
41      background: var(--bg-inset); border: 1px solid var(--border); border-radius: var(--r-s);
42      font-size: var(--fs-code); line-height: var(--lh-code);
43    }
44    & :not(pre) > code {
45      padding: 1px 5px; font-size: .88em; overflow-wrap: anywhere;
46      background: var(--bg-raised); border: 1px solid var(--border); border-radius: 4px;
47    }
48    & blockquote { padding-left: var(--s4); border-left: 3px solid color-mix(in srgb, var(--accent) 45%, var(--border-strong)); color: var(--ink-dim); }
49    & table { display: block; overflow-x: auto; border: 1px solid var(--border); border-radius: var(--r-s); font-size: var(--fs-s); line-height: 20px; }
50    & th, & td { padding: 6px var(--s3); white-space: nowrap; vertical-align: top; border-top: 1px solid var(--border); }
51    & th { background: var(--bg-raised); border-top: 0; font-weight: 700; }
52    & td code { white-space: nowrap; }
53    & hr { margin: var(--s5) 0; }
54    & .alt { color: var(--ink-mute); }
55    & img { display: none; }
56  }
57}