tufte-crossref-jekyll 0.12.0 → 0.12.0.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +11 -11
- data/_sass/_pandoc-solarized.scss +65 -32
- data/_sass/_revealjs-support.scss +32 -20
- data/_sass/_tufte-extra.scss +170 -0
- data/_sass/_tufte.scss +5 -22
- data/assets/css/main.scss +1 -2
- metadata +5 -4
- data/_sass/_custom.scss +0 -53
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: d271ed7ffeeffa2fd252733e3ccb1ff7cc8b313d0ce81348faf4678c6f2c4296
|
|
4
|
+
data.tar.gz: 144a3fb04709020efcf89405ff80015d12135e6d89877e7e8075ecf17c6853ec
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 5f5e3545e7908ee6e56e0d645b5e93cd1b087f8eec484a23045dc0be5fdb7c48f5f38d5e57279c7d677648f80b270840e51bfeb769bf73ce6224860c1c13ddaf
|
|
7
|
+
data.tar.gz: 591ac3df7210f2ee60b10e170c0439b6b5826c5dfad2618737b425f605311b0ed62b6922d970ee0344d965370028ca51b79dc430f95d85278ab48a89145cf729
|
data/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# tufte-
|
|
1
|
+
# tufte-pandoc-jekyll
|
|
2
2
|
|
|
3
3
|
This is a Jekyll theme for using Tufte CSS alongside `pandoc-sidenote`. It's
|
|
4
4
|
based off of
|
|
@@ -16,17 +16,17 @@ and can instead just use `[^1]` like normal Pandoc markdown.
|
|
|
16
16
|
|
|
17
17
|
For a demo, see <https://jez.io/talks/>.
|
|
18
18
|
|
|
19
|
-
## Features
|
|
19
|
+
## Features
|
|
20
20
|
|
|
21
21
|
This fork introduces some changes to the style sheets that are meant to
|
|
22
22
|
provide support for using **tufte-pandoc-jekyll** alongside
|
|
23
|
-
[Pandoc-crossref]. Otherwise, this project attempts to
|
|
23
|
+
[Pandoc-crossref] and [Reveal.js]. Otherwise, this project attempts to
|
|
24
24
|
match the style, features, and version numbering of
|
|
25
25
|
**tufte-pandoc-jekyll**. In short what it does is to:
|
|
26
26
|
|
|
27
27
|
[Pandoc-crossref]: https://lierdakil.github.io/pandoc-crossref/
|
|
28
28
|
|
|
29
|
-
|
|
29
|
+
[Reveal.js]: https://revealjs.com
|
|
30
30
|
|
|
31
31
|
### Figures, captions, and borders ###
|
|
32
32
|
|
|
@@ -86,9 +86,9 @@ line.
|
|
|
86
86
|
|
|
87
87
|
:warning: The Reveal.js support does *not* affect slide output in any
|
|
88
88
|
way and you should *not* point your slide presentation to the styles in
|
|
89
|
-
the **tufte-
|
|
90
|
-
|
|
91
|
-
|
|
89
|
+
the **tufte-pandoc-jekyll** theme. These features are meant to normalize
|
|
90
|
+
the appearance of the *text* version of your page when it contains
|
|
91
|
+
markup that will *also* be used for slide output.
|
|
92
92
|
|
|
93
93
|
## Installation
|
|
94
94
|
|
|
@@ -105,13 +105,13 @@ brew install jez/formulae/pandoc-sidenote
|
|
|
105
105
|
Next, add this line to your Jekyll site's Gemfile:
|
|
106
106
|
|
|
107
107
|
```ruby
|
|
108
|
-
gem "tufte-
|
|
108
|
+
gem "tufte-pandoc-jekyll"
|
|
109
109
|
```
|
|
110
110
|
|
|
111
111
|
And add these lines to your Jekyll site's `_config.yml`:
|
|
112
112
|
|
|
113
113
|
```yaml
|
|
114
|
-
theme: tufte-
|
|
114
|
+
theme: tufte-pandoc-jekyll
|
|
115
115
|
|
|
116
116
|
gems:
|
|
117
117
|
- jekyll-pandoc
|
|
@@ -123,12 +123,12 @@ And then execute:
|
|
|
123
123
|
|
|
124
124
|
Or install it yourself as:
|
|
125
125
|
|
|
126
|
-
$ gem install tufte-
|
|
126
|
+
$ gem install tufte-pandoc-jekyll
|
|
127
127
|
|
|
128
128
|
|
|
129
129
|
## Usage
|
|
130
130
|
|
|
131
|
-
> Note: while `tufte-pandoc-css` optionally includes the Solarized Light
|
|
131
|
+
> Note: while `tufte-pandoc-css` optionally includes the Solarized Light/Dark
|
|
132
132
|
> colorscheme, it's enabled by default here, with no easy way to opt-out. This is
|
|
133
133
|
> probably fine for you, but if it's not, feel free to make a PR that allows
|
|
134
134
|
> opting out.
|
|
@@ -1,32 +1,65 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
code
|
|
23
|
-
code span.
|
|
24
|
-
code span.
|
|
25
|
-
code span.
|
|
26
|
-
code span.
|
|
27
|
-
code span.
|
|
28
|
-
code span.
|
|
29
|
-
code span.
|
|
30
|
-
code span.
|
|
31
|
-
code span.
|
|
32
|
-
|
|
1
|
+
// From https://ethanschoonover.com/solarized/
|
|
2
|
+
$base03: #002b36;
|
|
3
|
+
$base02: #073642;
|
|
4
|
+
$base01: #586e75;
|
|
5
|
+
$base00: #657b83;
|
|
6
|
+
$base0: #839496;
|
|
7
|
+
$base1: #93a1a1;
|
|
8
|
+
$base2: #eee8d5;
|
|
9
|
+
$base3: #fdf6e3;
|
|
10
|
+
$yellow: #b58900;
|
|
11
|
+
$orange: #cb4b16;
|
|
12
|
+
$red: #dc322f;
|
|
13
|
+
$magenta: #d33682;
|
|
14
|
+
$violet: #6c71c4;
|
|
15
|
+
$blue: #268bd2;
|
|
16
|
+
$cyan: #2aa198;
|
|
17
|
+
$green: #859900;
|
|
18
|
+
|
|
19
|
+
@mixin rebase($rebase03,$rebase02,$rebase01,$rebase00,$rebase0,$rebase1,$rebase2,$rebase3)
|
|
20
|
+
{
|
|
21
|
+
div.sourceCode, pre:not(.sourceCode) { background: $rebase03; }
|
|
22
|
+
pre code { color: $rebase0; }
|
|
23
|
+
code span.kw { color: $green; font-weight: normal; font-style: normal; } /* Keyword */
|
|
24
|
+
code span.dt { color: $yellow; font-weight: normal; font-style: normal; } /* DataType */
|
|
25
|
+
code span.dv { color: $cyan; font-weight: normal; font-style: normal; } /* DecVal */
|
|
26
|
+
code span.bn { color: $cyan; font-weight: normal; font-style: normal; } /* BaseN */
|
|
27
|
+
code span.fl { color: $cyan; font-weight: normal; font-style: normal; } /* Float */
|
|
28
|
+
code span.ch { color: $cyan; font-weight: normal; font-style: normal; } /* Char */
|
|
29
|
+
code span.st { color: $cyan; font-weight: normal; font-style: normal; } /* String */
|
|
30
|
+
code span.co { color: $rebase01; font-weight: normal; font-style: italic; } /* Comment */
|
|
31
|
+
code span.ot { color: $blue; font-weight: normal; font-style: normal; } /* Other */
|
|
32
|
+
code span.al { color: $red; font-weight: normal; font-style: normal; } /* Alert */
|
|
33
|
+
code span.fu { color: $blue; font-weight: normal; font-style: normal; } /* Function */
|
|
34
|
+
code span.er { color: $red; font-weight: normal; font-style: normal; } /* Error */
|
|
35
|
+
code span.wa { color: $orange; font-weight: normal; font-style: italic; } /* Warning */
|
|
36
|
+
code span.cn { color: $cyan; font-weight: normal; font-style: normal; } /* Constant */
|
|
37
|
+
code span.sc { color: $red; font-weight: normal; font-style: normal; } /* SpecialChar */
|
|
38
|
+
code span.vs { color: $rebase0; font-weight: normal; font-style: normal; } /* VerbatimString */
|
|
39
|
+
code span.ss { color: $red; font-weight: normal; font-style: normal; } /* SpecialString */
|
|
40
|
+
code span.im { color: $rebase0; font-weight: normal; font-style: normal; } /* Import */
|
|
41
|
+
code span.va { color: $blue; font-weight: normal; font-style: normal; } /* Variable */
|
|
42
|
+
code span.cf { color: $green; font-weight: normal; font-style: normal; } /* ControlFlow */
|
|
43
|
+
code span.op { color: $green; font-weight: normal; font-style: normal; } /* Operator */
|
|
44
|
+
code span.bu { color: $rebase0; font-weight: normal; font-style: normal; } /* BuiltIn */
|
|
45
|
+
code span.ex { color: $rebase0; font-weight: normal; font-style: normal; } /* Extension */
|
|
46
|
+
code span.pp { color: $orange; font-weight: normal; font-style: normal; } /* Preprocessor */
|
|
47
|
+
code span.at { color: $rebase0; font-weight: normal; font-style: normal; } /* Attribute */
|
|
48
|
+
code span.do { color: $rebase01; font-weight: normal; font-style: italic; } /* Documentation */
|
|
49
|
+
code span.an { color: $rebase01; font-weight: normal; font-style: italic; } /* Annotation */
|
|
50
|
+
code span.cv { color: $rebase01; font-weight: normal; font-style: italic; } /* CommentVar */
|
|
51
|
+
code span.in { color: $rebase01; font-weight: normal; font-style: italic; } /* Information */
|
|
52
|
+
a.sourceLine::before { text-decoration: none; }
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
@media (prefers-color-scheme: no-preference),
|
|
56
|
+
(prefers-color-scheme: light) {
|
|
57
|
+
@include rebase($base3,$base2,$base1,$base0,$base00,$base01,$base02,$base03)
|
|
58
|
+
}
|
|
59
|
+
@media (prefers-color-scheme: dark) {
|
|
60
|
+
@include rebase($base03,$base02,$base01,$base00,$base0,$base1,$base2,$base3)
|
|
61
|
+
}
|
|
62
|
+
html * {
|
|
63
|
+
color-profile: sRGB;
|
|
64
|
+
rendering-intent: auto;
|
|
65
|
+
}
|
|
@@ -13,30 +13,42 @@ h3.unlisted { display: none; }
|
|
|
13
13
|
// Uncomment this line if you want to suppress it.
|
|
14
14
|
// hr { display: none; }
|
|
15
15
|
|
|
16
|
+
// Fix width of incremental Reveal.js sections
|
|
16
17
|
// Align Reveal.js presenter notes as regular paragraphs.
|
|
17
18
|
// Alternatively, uncomment the second line to hide them completely.
|
|
18
|
-
div.
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
div.incremental,
|
|
20
|
+
div.notes {
|
|
21
|
+
@extend section;
|
|
22
|
+
// &.notes { display: none !important; }
|
|
23
|
+
}
|
|
21
24
|
|
|
22
25
|
// Right now .r-stack figures are hard-coded to show up
|
|
23
26
|
// in two equal columns.
|
|
24
|
-
div.r-stack > figure {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
div.r-stack > figure {
|
|
28
|
+
float: left;
|
|
29
|
+
max-width: 50%;
|
|
30
|
+
& > figcaption {
|
|
31
|
+
float: none;
|
|
32
|
+
max-width: 100%;
|
|
33
|
+
width: 100%;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
30
36
|
|
|
31
37
|
// Support Pandoc columns for reveal.js
|
|
32
|
-
.columns {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
38
|
+
.columns {
|
|
39
|
+
@extend .fullwidth;
|
|
40
|
+
width: 100%;
|
|
41
|
+
&.subfigures > p:last-of-type {
|
|
42
|
+
max-width: 33%;
|
|
43
|
+
margin-bottom: 1.1rem;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.column {
|
|
48
|
+
float: left;
|
|
49
|
+
figure {
|
|
50
|
+
margin-bottom: 1em;
|
|
51
|
+
max-width: 90%;
|
|
52
|
+
figcaption { float: right; }
|
|
53
|
+
}
|
|
54
|
+
}
|
data/_sass/_tufte-extra.scss
CHANGED
|
@@ -54,3 +54,173 @@ article {
|
|
|
54
54
|
.marginnote {
|
|
55
55
|
hyphens: none;
|
|
56
56
|
}
|
|
57
|
+
|
|
58
|
+
/* <details> is a little used collapsible block. */
|
|
59
|
+
details {
|
|
60
|
+
@extend section;
|
|
61
|
+
summary > p { display: inline; }
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
/* Tabular numbers for list items, small-caps Roman numerals */
|
|
65
|
+
article ol,
|
|
66
|
+
article ul {
|
|
67
|
+
& > li::marker {
|
|
68
|
+
font-variant: tabular-nums oldstyle-nums all-small-caps;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
/* Typographically correct small caps. */
|
|
73
|
+
.smallcaps { font-variant: all-small-caps; }
|
|
74
|
+
|
|
75
|
+
/* The alignment in l.311 of _tufte.scss results in sidenotes
|
|
76
|
+
* for blockquotes that do not align with other sidenotes and
|
|
77
|
+
* marginnotes. Here we correct this discrepancy. */
|
|
78
|
+
blockquote .sidenote,
|
|
79
|
+
blockquote .marginnote {
|
|
80
|
+
margin-right: -60%;
|
|
81
|
+
min-width: 50%;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
/* Semantic emulation of NEWTHOUGHT
|
|
85
|
+
*
|
|
86
|
+
* .newthought provides no semantic cues in the markup.
|
|
87
|
+
* However, we can style semantic elements so that they
|
|
88
|
+
* look just like Tufte's emphasized paragraph openings.
|
|
89
|
+
* We do this to <h5> and <h6> by analogy with the LaTeX
|
|
90
|
+
* \paragraph and \subparagraph features. We have also
|
|
91
|
+
* thrown in <dt> because what else are we going to use
|
|
92
|
+
* definition lists for? */
|
|
93
|
+
|
|
94
|
+
// First, we make sure line heights and font sizes match.
|
|
95
|
+
article > dl,
|
|
96
|
+
section > dl {
|
|
97
|
+
clear: left;
|
|
98
|
+
font-size: 1.4rem;
|
|
99
|
+
line-height: 2rem;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
// ...second, we float the headings so they run in with
|
|
103
|
+
// the following paragraph...
|
|
104
|
+
dt,
|
|
105
|
+
h5,
|
|
106
|
+
h6 {
|
|
107
|
+
float: left;
|
|
108
|
+
font-size: 1.4rem;
|
|
109
|
+
margin: 0 1.4rem 0 0;
|
|
110
|
+
padding: 0;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
// ...third, we take care of the styling...
|
|
114
|
+
dt,
|
|
115
|
+
dt > a,
|
|
116
|
+
h5,
|
|
117
|
+
h6 {
|
|
118
|
+
@extend .newthought;
|
|
119
|
+
clear: left;
|
|
120
|
+
font-style: normal;
|
|
121
|
+
font-weight: 400;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
// Finally, we flush the <dt> inline with the <dd>.
|
|
125
|
+
// This reverses the margin setting on l.160 of _tufte.scss
|
|
126
|
+
dt:not(:first-child),
|
|
127
|
+
li:not(:first-child) {
|
|
128
|
+
margin-top: 0;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
// Bonus: fix width of <dl> inside <li>
|
|
132
|
+
li > dl {
|
|
133
|
+
&, & > p {
|
|
134
|
+
width: 100%;
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
/* Here there ends the semantic emulation of .newthought */
|
|
138
|
+
|
|
139
|
+
/* Pandoc and Pandoc-crossref have strict and peculiar ways
|
|
140
|
+
* of generating HTML figures. Notably, Pandoc applies classes
|
|
141
|
+
* not to the <figure> tag, but to the <img> within it.
|
|
142
|
+
* Pandoc-crossref has a .subfigures class used for complex
|
|
143
|
+
* figures containing several related images. The caption of a
|
|
144
|
+
* .subfigures is not a <figcaption> but a simple <p>. Here we
|
|
145
|
+
* try to account for all these cases and make sure everything
|
|
146
|
+
* lines up. */
|
|
147
|
+
|
|
148
|
+
// Subfigures need to share width and margin features of regular
|
|
149
|
+
// figures, but zero-padding them leads to unexpected results.
|
|
150
|
+
div.subfigures {
|
|
151
|
+
max-width: 55%;
|
|
152
|
+
-webkit-margin-start: 0;
|
|
153
|
+
-webkit-margin-end: 0;
|
|
154
|
+
margin: 0 0 3em 0;
|
|
155
|
+
& > p:last-of-type { // Subfigure captions
|
|
156
|
+
float: right;
|
|
157
|
+
clear: right;
|
|
158
|
+
margin-top: 0;
|
|
159
|
+
margin-bottom: 0;
|
|
160
|
+
font-size: 1.1rem;
|
|
161
|
+
line-height: 1.6;
|
|
162
|
+
vertical-align: baseline;
|
|
163
|
+
position: relative;
|
|
164
|
+
max-width: 40%;
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
// Fullwidth images within Pandoc-crossref figures and subfigures
|
|
169
|
+
div.fullwidth {
|
|
170
|
+
& > figure {
|
|
171
|
+
max-width: 100%;
|
|
172
|
+
}
|
|
173
|
+
&.subfigures {
|
|
174
|
+
max-width: 90%;
|
|
175
|
+
& > p:last-of-type { // Subfigure captions
|
|
176
|
+
max-width: 33%;
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
figcaption {
|
|
180
|
+
max-width: 33%; // Correctly align Pandoc-crossref figcaptions in full-width figures
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
/* Pandoc will not generate figures with captions if the
|
|
185
|
+
* image is within a <span>, so the .marginnote class needs
|
|
186
|
+
* to be applied to a freestanding image. This makes sure its
|
|
187
|
+
* caption is properly aligned. */
|
|
188
|
+
img.marginnote~figcaption {
|
|
189
|
+
margin-right: -60%;
|
|
190
|
+
max-width: 50%;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
// Fixes an edge case of figure~figure.marginnote alignment.
|
|
194
|
+
p~figure > img.marginnote, div.notes~figure > img.marginnote { margin-top: 1.6rem; }
|
|
195
|
+
|
|
196
|
+
// Finally, make sure marginnote image captions are shown
|
|
197
|
+
// inline on small screens.
|
|
198
|
+
@media (max-width: 760px) {
|
|
199
|
+
img.marginnote~figcaption {
|
|
200
|
+
margin-right: 0%;
|
|
201
|
+
max-width: none;
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
/* Here there ends the styling of Pandoc and Pandoc-crossref figures */
|
|
205
|
+
|
|
206
|
+
// Dark colorscheme with a softer background
|
|
207
|
+
// TODO: use variables and a rebase mixin instead of
|
|
208
|
+
// hard-coding every color twice.
|
|
209
|
+
@media (prefers-color-scheme: dark) {
|
|
210
|
+
body { color: #fffff8;
|
|
211
|
+
background-color: lighten(#111, 10%); }
|
|
212
|
+
a:link { text-decoration: none;
|
|
213
|
+
background: -webkit-linear-gradient(#111, #111), -webkit-linear-gradient(#111, #111), -webkit-linear-gradient(lighten(#fffff8, 10%), lighten(#fffff8, 10%));
|
|
214
|
+
background: linear-gradient(#111, #111), linear-gradient(#111, #111), linear-gradient(lighten(#fffff8, 10%), lighten(#fffff8, 10%));
|
|
215
|
+
-webkit-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
|
216
|
+
-moz-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
|
217
|
+
background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
|
218
|
+
background-repeat: no-repeat, no-repeat, repeat-x;
|
|
219
|
+
text-shadow: 0.03em 0 #111, -0.03em 0 #111, 0 0.03em #111, 0 -0.03em #111, 0.06em 0 #111, -0.06em 0 #111, 0.09em 0 #111, -0.09em 0 #111, 0.12em 0 #111, -0.12em 0 #111, 0.15em 0 #111, -0.15em 0 #111;
|
|
220
|
+
background-position: 0% 93%, 100% 93%, 0% 93%; }
|
|
221
|
+
img { background-color: darken(#fffff8, 10%); } // Prevents transparent PNGs from becoming unreadable
|
|
222
|
+
table { border-top: 2px solid #fffff8;
|
|
223
|
+
border-bottom: 2px solid #fffff8; }
|
|
224
|
+
td { border-top: 1px solid #fffff8; }
|
|
225
|
+
th { border-bottom: 1px solid #fffff8; }
|
|
226
|
+
}
|
data/_sass/_tufte.scss
CHANGED
|
@@ -157,12 +157,10 @@ section > ul {
|
|
|
157
157
|
-webkit-padding-start: 5%;
|
|
158
158
|
}
|
|
159
159
|
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
*}
|
|
165
|
-
*/
|
|
160
|
+
dt:not(:first-child),
|
|
161
|
+
li:not(:first-child) {
|
|
162
|
+
margin-top: 0.25rem;
|
|
163
|
+
}
|
|
166
164
|
|
|
167
165
|
figure {
|
|
168
166
|
padding: 0;
|
|
@@ -176,12 +174,6 @@ figure {
|
|
|
176
174
|
margin: 0 0 3em 0;
|
|
177
175
|
}
|
|
178
176
|
|
|
179
|
-
// Fix for fullwidth images within Pandoc figures
|
|
180
|
-
div.fullwidth > figure {
|
|
181
|
-
max-width: 100%;
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
.subfigures > p:last-of-type, // Support Pandoc-crossref subfigures
|
|
185
177
|
figcaption {
|
|
186
178
|
float: right;
|
|
187
179
|
clear: right;
|
|
@@ -198,9 +190,6 @@ figure.fullwidth figcaption {
|
|
|
198
190
|
margin-right: 24%;
|
|
199
191
|
}
|
|
200
192
|
|
|
201
|
-
// Fix for Pandoc-crossref figcaptions in full-width figures
|
|
202
|
-
div.fullwidth figcaption { max-width: 33%; }
|
|
203
|
-
|
|
204
193
|
/* Links: replicate underline that clears descenders */
|
|
205
194
|
a:link,
|
|
206
195
|
a:visited {
|
|
@@ -275,12 +264,12 @@ div.hanging-indent{
|
|
|
275
264
|
text-indent: -1.5rem;
|
|
276
265
|
}
|
|
277
266
|
|
|
267
|
+
/* Sidenotes, margin notes, figures, captions */
|
|
278
268
|
video,
|
|
279
269
|
img {
|
|
280
270
|
max-width: 100%;
|
|
281
271
|
}
|
|
282
272
|
|
|
283
|
-
/* Sidenotes, margin notes, figures, captions */
|
|
284
273
|
.sidenote,
|
|
285
274
|
.marginnote {
|
|
286
275
|
float: right;
|
|
@@ -295,12 +284,6 @@ img {
|
|
|
295
284
|
position: relative;
|
|
296
285
|
}
|
|
297
286
|
|
|
298
|
-
// Fix for Pandoc-generated figcaption in margin images
|
|
299
|
-
img.marginnote~figcaption {
|
|
300
|
-
margin-right: -60%;
|
|
301
|
-
max-width: 50%;
|
|
302
|
-
}
|
|
303
|
-
|
|
304
287
|
.sidenote-number {
|
|
305
288
|
counter-increment: sidenote-counter;
|
|
306
289
|
}
|
data/assets/css/main.scss
CHANGED
metadata
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: tufte-crossref-jekyll
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.12.0
|
|
4
|
+
version: 0.12.0.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
|
-
-
|
|
7
|
+
- Jake Zimmerman
|
|
8
|
+
- Pedro Palazzo
|
|
8
9
|
autorequire:
|
|
9
10
|
bindir: bin
|
|
10
11
|
cert_chain: []
|
|
@@ -68,6 +69,7 @@ dependencies:
|
|
|
68
69
|
version: '10.0'
|
|
69
70
|
description:
|
|
70
71
|
email:
|
|
72
|
+
- zimmerman.jake@gmail.com
|
|
71
73
|
- pedro.palazzo@gmail.com
|
|
72
74
|
executables: []
|
|
73
75
|
extensions: []
|
|
@@ -83,7 +85,6 @@ files:
|
|
|
83
85
|
- _layouts/index.html
|
|
84
86
|
- _layouts/page.html
|
|
85
87
|
- _layouts/post.html
|
|
86
|
-
- _sass/_custom.scss
|
|
87
88
|
- _sass/_local.scss
|
|
88
89
|
- _sass/_pandoc-solarized.scss
|
|
89
90
|
- _sass/_pandoc.scss
|
|
@@ -113,5 +114,5 @@ requirements: []
|
|
|
113
114
|
rubygems_version: 3.2.22
|
|
114
115
|
signing_key:
|
|
115
116
|
specification_version: 4
|
|
116
|
-
summary: A Jekyll theme based on jez/tufte-pandoc-jekyll
|
|
117
|
+
summary: A Jekyll theme based on jez/tufte-pandoc-jekyll with support for Pandoc-Crossref
|
|
117
118
|
test_files: []
|
data/_sass/_custom.scss
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
details { @extend section;
|
|
2
|
-
summary > p { display: inline; }
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
dt, dt > a, h5, h6 { @extend .newthought;
|
|
6
|
-
clear: left;
|
|
7
|
-
font-style: normal;
|
|
8
|
-
font-weight: 400; }
|
|
9
|
-
|
|
10
|
-
// Run-in definition lists and headings
|
|
11
|
-
article > dl, section > dl { clear: left;
|
|
12
|
-
font-size: 1.4rem;
|
|
13
|
-
line-height: 2rem; }
|
|
14
|
-
|
|
15
|
-
dt, h5, h6 { float: left;
|
|
16
|
-
margin: 0 1.4rem 0 0;
|
|
17
|
-
padding: 0; }
|
|
18
|
-
|
|
19
|
-
// Tabular numbers for list items, small-caps Roman numerals
|
|
20
|
-
article ol, article ul {
|
|
21
|
-
& > li::marker { font-variant: tabular-nums oldstyle-nums all-small-caps; }
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
// Fix width of dl inside li
|
|
25
|
-
li > dl {
|
|
26
|
-
&, & > p { width: 100%; }
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.smallcaps { font-variant: all-small-caps; }
|
|
30
|
-
|
|
31
|
-
// Fixes an edge case of figure~figure.marginnote alignment.
|
|
32
|
-
p~figure > img.marginnote, div.notes~figure > img.marginnote { margin-top: 1.6rem; }
|
|
33
|
-
|
|
34
|
-
// Dark colorscheme with a softer background
|
|
35
|
-
// TODO: switch code to Solarized-dark when in dark mode
|
|
36
|
-
@media (prefers-color-scheme: dark) {
|
|
37
|
-
body { color: #fffff8;
|
|
38
|
-
background-color: lighten(#111, 10%); }
|
|
39
|
-
a:link { text-decoration: none;
|
|
40
|
-
background: -webkit-linear-gradient(#111, #111), -webkit-linear-gradient(#111, #111), -webkit-linear-gradient(lighten(#fffff8, 10%), lighten(#fffff8, 10%));
|
|
41
|
-
background: linear-gradient(#111, #111), linear-gradient(#111, #111), linear-gradient(lighten(#fffff8, 10%), lighten(#fffff8, 10%));
|
|
42
|
-
-webkit-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
|
43
|
-
-moz-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
|
44
|
-
background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
|
45
|
-
background-repeat: no-repeat, no-repeat, repeat-x;
|
|
46
|
-
text-shadow: 0.03em 0 #111, -0.03em 0 #111, 0 0.03em #111, 0 -0.03em #111, 0.06em 0 #111, -0.06em 0 #111, 0.09em 0 #111, -0.09em 0 #111, 0.12em 0 #111, -0.12em 0 #111, 0.15em 0 #111, -0.15em 0 #111;
|
|
47
|
-
background-position: 0% 93%, 100% 93%, 0% 93%; }
|
|
48
|
-
img { background-color: darken(#fffff8, 10%); } // Prevents transparent PNGs from becoming unreadable
|
|
49
|
-
table { border-top: 2px solid #fffff8;
|
|
50
|
-
border-bottom: 2px solid #fffff8; }
|
|
51
|
-
td { border-top: 1px solid #fffff8; }
|
|
52
|
-
th { border-bottom: 1px solid #fffff8; }
|
|
53
|
-
}
|