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
17  /* rendered Markdown */
18  .prose {
19    max-width: var(--measure); line-height: 1.65; overflow-wrap: break-word;
20    & h1, & h2, & h3, & h4 { margin: 1.6em 0 0; }
21    & h1 { font-size: 26px; line-height: 34px; padding-bottom: var(--s2); border-bottom: 1px solid var(--border); }
22    & h2 { font-size: 20px; line-height: 28px; padding-bottom: var(--s1); border-bottom: 1px solid var(--border); }
23    & h3 { font-size: 17px; }
24    & > :first-child { margin-top: 0; }
25    & p, & ul, & ol, & pre, & table, & blockquote { margin-top: var(--s4); }
26    & ul { list-style: disc; }
27    & ul, & ol { padding-left: var(--s5); }
28    & ol { list-style: decimal; }
29    & li + li { margin-top: var(--s1); }
30    & li::marker { color: var(--ink-mute); }
31    & a { color: var(--accent); text-decoration-color: color-mix(in srgb, var(--accent) 40%, transparent); }
32    & a:hover { color: var(--accent); text-decoration-color: currentColor; }
33    & li > ul, & li > ol, & li > p { margin-top: var(--s1); }
34    & pre {
35      padding: var(--s3) var(--s4); overflow-x: auto;
36      background: var(--bg-inset); border: 1px solid var(--border); border-radius: var(--r-s);
37      font-size: var(--fs-code); line-height: var(--lh-code);
38    }
39    & :not(pre) > code {
40      padding: 1px 5px; font-size: .88em; overflow-wrap: anywhere;
41      background: var(--bg-raised); border: 1px solid var(--border); border-radius: 4px;
42    }
43    & blockquote { padding-left: var(--s4); border-left: 3px solid color-mix(in srgb, var(--accent) 45%, var(--border-strong)); color: var(--ink-dim); }
44    & table { display: block; overflow-x: auto; border: 1px solid var(--border); border-radius: var(--r-s); font-size: var(--fs-s); line-height: 20px; }
45    & th, & td { padding: 6px var(--s3); white-space: nowrap; vertical-align: top; border-top: 1px solid var(--border); }
46    & th { background: var(--bg-raised); border-top: 0; font-weight: 700; }
47    & td code { white-space: nowrap; }
48    & hr { margin: var(--s5) 0; }
49    & .alt { color: var(--ink-mute); }
50    & img { display: none; }
51  }
52}