-
Notifications
You must be signed in to change notification settings - Fork 53
Expand file tree
/
Copy pathcontent.css
More file actions
55 lines (48 loc) · 2 KB
/
content.css
File metadata and controls
55 lines (48 loc) · 2 KB
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
/* Main content width helpers */
.post_content,
.info{ max-width: 65rem; margin-left: auto; margin-right: auto; }
/* Tables */
table{ width: 100%; border-collapse: collapse; background: var(--table-haze); margin-bottom: 1.5rem; }
table tbody{ background: var(--table-bg); }
td, th{ padding: .5rem 1rem; border: 1px solid var(--table-border); font-weight: 400; }
td:not(:first-child), th:not(:first-child){ padding-left: 1.5rem; }
th{ font-weight: 700; }
tbody tr:nth-child(even){ background-color: var(--table-haze); }
tbody tr:nth-child(odd){ background-color: var(--table-bg); }
/* Blockquotes */
blockquote{
margin: 25px auto;
padding: 1rem 1.5rem;
border-left: .2rem solid var(--brand);
background: var(--table-haze);
color: #555;
}
/* Notices / callouts */
.notices{ border-top-width: 2rem; border-top-style: solid; color: #666; margin: 2rem 0; padding: 0 .1px; }
.notices .label{ color: #fff; margin-top: -1.75rem; font-weight: 700; }
.notices.info{ border-color: var(--notice-info-border-color); background: var(--notice-info-background); }
.notices.warning{ border-color: var(--notice-warning-border-color); background: var(--notice-warning-background); }
.notices.note{ border-color: var(--notice-note-border-color); background: var(--notice-note-background); }
.notices.tip{ border-color: var(--notice-tip-border-color); background: var(--notice-tip-background); }
.notices .highlight_wrap{ background: var(--code-bg) !important; }
/* copy-code button */
.copy-code { font-size: .75rem; line-height: 1; }
/* heading anchor mark */
.anchor-link { text-decoration: none; opacity: .6; }
.anchor-link:hover { opacity: 1; }
/* ensure the back-to-top is perfectly round */
.to_top {
width: 48px; height: 48px; border-radius: 50%;
display: grid; place-items: center;
}
.to_top .icon { width: 24px; height: 24px; }
/* "Edit this page on GitHub" helper */
.edit-on-github {
margin-top: 1.25rem;
}
.edit-on-github .edit-link {
text-decoration: none;
}
.edit-on-github .edit-link:hover {
text-decoration: underline;
}