/
_jquery.markdownFootnotes.scss
68 lines (61 loc) · 1.36 KB
/
_jquery.markdownFootnotes.scss
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
$footnote-bg: #444444 !default;
$footnote-fg: #dddddd !default;
$footnote-em: #eeeeee !default;
$menu-bg: #555555 !default;
$menu-fg: #eeeeee !default;
$body-bold-weight: bold !default;
$menu-selection-bg: #666666 !default;
.footnoteContent ::selection {
background: $menu-selection-bg;
}
.footnoteContent {
background: $footnote-bg;
color: $footnote-fg;
display: none;
max-height: 100%;
-webkit-overflow-scrolling: touch;
padding: 0 0 1rem;
margin: 0;
position: fixed;
right: 0;
bottom: 0;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: auto;
}
.footnoteContent p {
margin: auto;
padding: 0.2rem 1rem 0.2rem;
max-width: 45rem;
}
.footnoteContent em {
color: $footnote-fg;
font-style: italic;
}
.footnoteContent strong {
color: $footnote-em;
font-weight: $body-bold-weight;
}
.footnoteContent a {
color: $footnote-em;
text-decoration: underline;
text-decoration-style: dotted;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.footnoteContent a.closeFootnote {
text-align: right;
display: block;
font-size: 26px;
font-family: sans-serif;
font-weight: bold;
text-transform: uppercase;
background-color: $menu-bg;
color: $menu-fg;
text-decoration: none;
line-height: 0;
padding: 1ex;
margin: 0 0 0.5rem;
}