/
style.css
54 lines (44 loc) · 1.19 KB
/
style.css
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
@import url("observablehq:default.css");
@import url("observablehq:theme-air.css") (prefers-color-scheme: light);
@import url("observablehq:theme-near-midnight.css") (prefers-color-scheme: dark);
#observablehq-header a[href] {
color: inherit;
}
#observablehq-header a[target="_blank"] {
display: flex;
align-items: center;
gap: 0.25rem;
text-decoration: none;
}
#observablehq-header a[target="_blank"]:hover span {
text-decoration: underline;
}
#observablehq-header a[target="_blank"]::after {
content: "\2197";
}
#observablehq-header a[target="_blank"][data-decoration]::after {
content: attr(data-decoration);
}
#observablehq-header a[target="_blank"]:not(:hover, :focus)::after {
color: var(--theme-foreground-muted);
}
#observablehq-main {
min-height: calc(100vh - 23.8rem);
}
@container not (min-width: 640px) {
.hide-if-small {
display: none;
}
}
a.observablehq-version-badge {
font: 500 12px var(--sans-serif);
display: inline-block;
vertical-align: top;
padding: 2px 8px;
color: var(--theme-green);
background: color-mix(in srgb, var(--theme-green), transparent 80%);
border-radius: 12px;
}
.observablehq-version-badge::before {
content: attr(data-version);
}