-
-
Notifications
You must be signed in to change notification settings - Fork 168
/
Copy pathpublish.css
112 lines (105 loc) · 3.94 KB
/
publish.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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
.graph-view.color-fill {
/* Supports all CSS color directives, like #HEX, rgb and rgba */
color: #7f6df2;
}
.site-footer {
display: none;
}
.site-body-left-column-site-name {
text-align: center;
margin: 0 auto;
}
/* Footer Heading */
h2[data-heading="This note on GitHub"],
h2[data-heading="This note in GitHub"] {
font-size: var(--editor-font-size);
text-align: center;
}
h2[data-heading="This note on GitHub"]::before,
h2[data-heading="This note in GitHub"]::before {
content: '';
display: block;
height: 2px;
background: var(--background-modifier-border);
margin-bottom: 10px;
}
/* Style GitHub footer links */
span.git-footer {
display: block;
text-align: center;
bottom: 0;
}
.git-footer .external-link {
background-image: url();
padding-right: 0;
padding: 6px 15px;
background: var(--interactive-normal);
border-radius: 4px;
text-decoration: none;
}
.git-footer .external-link:hover {
background: var(--interactive-accent-hover);
color: var(--text-on-accent);
}
/* Footer Link Icons */
.git-footer .external-link::before {
vertical-align: -3px;
padding-right: 4px;
}
.git-footer .external-link[title="git-hub-edit-note"]::before {
content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%2017.25V21h3.75L17.81%209.94l-3.75-3.75L3%2017.25zM20.71%207.04a.996.996%200%200%200%200-1.41l-2.34-2.34a.996.996%200%200%200-1.41%200l-1.83%201.83l3.75%203.75l1.83-1.83z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E');
}
.git-footer .external-link[title="git-hub-copy-note"]::before {
content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M216%2032H88a8%208%200%200%200-8%208v40H40a8%208%200%200%200-8%208v128a8%208%200%200%200%208%208h128a8%208%200%200%200%208-8v-40h40a8%208%200%200%200%208-8V40a8%208%200%200%200-8-8zm-8%20128h-32V88a8%208%200%200%200-8-8H96V48h112z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E');
}
.git-footer .external-link[title="git-hub-download-vault"]::before {
content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%209h-4V3H9v6H5l7%207l7-7zM5%2018v2h14v-2H5z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E')
}
/* List Cards */
.list-cards div > ul {
--link-color: var(--text-normal);
--link-unresolved-color: var(--text-muted);
--link-decoration: none;
--link-decoration-hover: none;
--link-external-color: var(--text-normal);
--link-external-decoration: none;
--link-external-decoration-hover: none;
display: grid;
gap: 8px;
grid-template-columns: repeat(2, minmax(0, 1fr));
padding:0;
}
.list-cards div > ul > li {
display: flex;
border-radius: var(--radius-s);
border: 1px solid var(--color-base-25);
}
.list-cards div > ul > li:has(ul) {
flex-direction: column;
}
.list-cards div > ul > li:has(ul) a {
flex-grow: 0;
}
.list-cards div ul > li a {
flex-grow: 1;
padding: 16px;
font-weight: var(--font-semibold);
background: none;
}
.list-cards div ul > li:hover {
border-color: var(--color-base-35);
}
.theme-dark .list-cards div ul > li {
background-color: var(--background-secondary);
}
.list-cards div ul ul {
display: block;
width: 100%;
color: var(--text-muted);
font-size: var(--font-smaller);
margin-top: -8px;
padding: 0 16px 16px;
}
.list-cards div ul ul > li {
display: block;
}