tufte-pandoc-jekyll 0.11.4 → 0.12.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. checksums.yaml +4 -4
  2. data/_sass/_pandoc-solarized.scss +9 -9
  3. data/_sass/_pandoc.scss +31 -6
  4. data/_sass/_tufte-extra.scss +30 -21
  5. data/_sass/_tufte.scss +413 -231
  6. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: b6653daebd6dab4485b59f89bc3f44b17775384494c3d73e2a9c8dcbf5857a32
4
- data.tar.gz: 178452888755c2887bb5040ef53eced5a03cb5c0360b3e1fd763696b4573af4a
3
+ metadata.gz: 88518154b1fa42bb4a1a9fe4a814640e25aa1766ae9b363d400c712a906c78fe
4
+ data.tar.gz: e92b5b24104425e8d0b44a17bf546dac48e738b2bfed01ef97dc8ca922f07916
5
5
  SHA512:
6
- metadata.gz: 2ab8082ccc12d1a95f20225d494c3dc6151d74881586cd06ce678da0411d9acbd62cbf122a9f660cca2a987d51f1453f433f56aeb5fa551f00822d554c713b9c
7
- data.tar.gz: cd3965dc386f05f6dffcc058ee3b728fa54abf7342e036a22cfb8d5590c5324e6ced22a8138df05fae9ec9d7c2e9738c1bb2c9d5bef5d2bc924d877c31ed2644
6
+ metadata.gz: 550fd6ba0612488d5f37627bc91933256150d498de2e6d812fbb6345069a62eacfb6704ebd80d3a5612d294cce89652f87e63226e4c12b09fb51ff4a9bcac747
7
+ data.tar.gz: a7b6ebd8cd4bfd62bf5b514c40a5d890597163c00ef9dc2c33d20a86bf4f7d1930d02561f13174588b599b2f1aaadcfd1fbcb60b193a38790a7464537a553b8a
data/_sass/_pandoc-solarized.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  div.sourceCode, pre:not(.sourceCode) { background: #FDF6E3; }
2
2
  pre code { color: #657B83; }
3
- code span.kw { color: #859900; font-weight: bold; font-style: normal; } /* Keyword */
3
+ code span.kw { color: #859900; font-weight: normal; font-style: normal; } /* Keyword */
4
4
  code span.dt { color: #B58900; font-weight: normal; font-style: normal; } /* DataType */
5
5
  code span.dv { color: #2AA198; font-weight: normal; font-style: normal; } /* DecVal */
6
6
  code span.bn { color: #2AA198; font-weight: normal; font-style: normal; } /* BaseN */
@@ -9,24 +9,24 @@ code span.ch { color: #2AA198; font-weight: normal; font-style: normal; } /* Cha
9
9
  code span.st { color: #2AA198; font-weight: normal; font-style: normal; } /* String */
10
10
  code span.co { color: #93A1A1; font-weight: normal; font-style: italic; } /* Comment */
11
11
  code span.ot { color: #268BD2; font-weight: normal; font-style: normal; } /* Other */
12
- code span.al { color: #DC322F; font-weight: bold; font-style: normal; } /* Alert */
12
+ code span.al { color: #DC322F; font-weight: normal; font-style: normal; } /* Alert */
13
13
  code span.fu { color: #268BD2; font-weight: normal; font-style: normal; } /* Function */
14
- code span.er { color: #DC322F; font-weight: bold; font-style: normal; } /* Error */
15
- code span.wa { color: #CB4B16; font-weight: bold; font-style: italic; } /* Warning */
14
+ code span.er { color: #DC322F; font-weight: normal; font-style: normal; } /* Error */
15
+ code span.wa { color: #CB4B16; font-weight: normal; font-style: italic; } /* Warning */
16
16
  code span.cn { color: #2AA198; font-weight: normal; font-style: normal; } /* Constant */
17
17
  code span.sc { color: #DC322F; font-weight: normal; font-style: normal; } /* SpecialChar */
18
18
  code span.vs { color: #657B83; font-weight: normal; font-style: normal; } /* VerbatimString */
19
19
  code span.ss { color: #DC322F; font-weight: normal; font-style: normal; } /* SpecialString */
20
20
  code span.im { color: #657B83; font-weight: normal; font-style: normal; } /* Import */
21
21
  code span.va { color: #268BD2; font-weight: normal; font-style: normal; } /* Variable */
22
- code span.cf { color: #859900; font-weight: bold; font-style: normal; } /* ControlFlow */
23
- code span.op { color: #859900; font-weight: bold; font-style: normal; } /* Operator */
22
+ code span.cf { color: #859900; font-weight: normal; font-style: normal; } /* ControlFlow */
23
+ code span.op { color: #859900; font-weight: normal; font-style: normal; } /* Operator */
24
24
  code span.bu { color: #657B83; font-weight: normal; font-style: normal; } /* BuiltIn */
25
25
  code span.ex { color: #657B83; font-weight: normal; font-style: normal; } /* Extension */
26
26
  code span.pp { color: #CB4B16; font-weight: normal; font-style: normal; } /* Preprocessor */
27
27
  code span.at { color: #657B83; font-weight: normal; font-style: normal; } /* Attribute */
28
28
  code span.do { color: #93A1A1; font-weight: normal; font-style: italic; } /* Documentation */
29
- code span.an { color: #93A1A1; font-weight: bold; font-style: italic; } /* Annotation */
30
- code span.cv { color: #93A1A1; font-weight: bold; font-style: italic; } /* CommentVar */
31
- code span.in { color: #93A1A1; font-weight: bold; font-style: italic; } /* Information */
29
+ code span.an { color: #93A1A1; font-weight: normal; font-style: italic; } /* Annotation */
30
+ code span.cv { color: #93A1A1; font-weight: normal; font-style: italic; } /* CommentVar */
31
+ code span.in { color: #93A1A1; font-weight: normal; font-style: italic; } /* Information */
32
32
  a.sourceLine::before { text-decoration: none; }
data/_sass/_pandoc.scss CHANGED
@@ -49,20 +49,28 @@ figure.fullwidth table {
49
49
  *
50
50
  * Code blocks with a language look like div.sourceCode > pre.sourceCode
51
51
  * Otherwise, it's just a pre (without .sourceCode) */
52
+
53
+ /* Unset the tufte-css defaults that we'd like to overwrite */
54
+ pre > code {
55
+ margin-left: initial;
56
+ overflow-x: initial;
57
+ display: initial;
58
+ }
59
+
60
+ .sourceCode.numberLines a:link {
61
+ text-decoration: initial;
62
+ background: initial;
63
+ text-shadow: initial;
64
+ }
65
+
52
66
  div.sourceCode,
53
67
  pre:not(.sourceCode) {
54
68
  padding: 1.4rem;
55
69
  margin: -0.7rem -1.4rem;
56
70
  width: 55%;
57
- font-size: 0.9rem;
58
71
  overflow-x: auto;
59
72
  }
60
73
 
61
- div.sourceCode code,
62
- pre:not(.sourceCode) code {
63
- font-size: 0.9rem;
64
- }
65
-
66
74
  .fullwidth div.sourceCode,
67
75
  .fullwidth pre:not(.sourceCode) {
68
76
  width: 100%;
@@ -71,6 +79,23 @@ pre:not(.sourceCode) code {
71
79
  @media (max-width: 760px) {
72
80
  div.sourceCode,
73
81
  pre:not(.sourceCode) {
82
+ padding: 1.4rem 8vw;
83
+ margin: -0.7rem -8vw;
74
84
  width: 100%;
75
85
  }
86
+
87
+ .fullwidth {
88
+ max-width: 100%;
89
+ }
90
+ }
91
+
92
+ /* Math formatting */
93
+ .katex {
94
+ font-size: inherit !important;
95
+ }
96
+
97
+ /* Wrap long URLs in references */
98
+ #refs a {
99
+ word-wrap: break-word;
100
+ overflow-wrap: break-word;
76
101
  }
data/_sass/_tufte-extra.scss CHANGED
@@ -1,35 +1,44 @@
1
1
  /* The default x-height for code is slightly too large in side notes */
2
- .marginnote code,
3
- .sidenote code {
4
- font-size: 0.9rem;
2
+ .marginnote code, .sidenote code {
3
+ font-size: 0.9rem;
5
4
  }
6
- /* ... and slightly to small in body text. */
5
+ /* ... and slightly too small in body text */
7
6
  code {
8
- font-size: 1.1rem;
7
+ font-size: 1.05rem;
8
+ }
9
+ /* Also make the sidenote numbers hang */
10
+ .sidenote {
11
+ text-indent: -0.4rem;
12
+ }
13
+ .sidenote:before {
14
+ /* removes trailing space from the counter content */
15
+ content: counter(sidenote-counter);
16
+ left: -0.4rem;
17
+ }
18
+
19
+ /* To get spacing between lists, use paragraphs.
20
+ * 0.25rem of spacing between list elements looks bad. */
21
+ li:not(:first-child) {
22
+ margin-top: initial;
9
23
  }
10
24
 
11
25
  /* Make "Home" link small */
12
- p.signoff { font-size: 1.2rem; }
26
+ p.signoff {
27
+ font-size: 1.2rem;
28
+ }
13
29
 
14
- body { max-width: 1150px; }
30
+ body {
31
+ max-width: 1150px;
32
+ }
15
33
 
16
34
  /**
17
35
  * Makes it so that top-level <p> don't need to be wrapped in <section>
18
36
  */
19
- article > p, article > footer, article > table { width: 55%; }
20
-
21
- /* 50 + 5 == 55, to be the same width as paragraph */
22
- article > ol, article > ul { width: 50%;
23
- -webkit-padding-start: 5%; }
24
-
25
- @media (max-width: 760px) {
26
- article > p, article > footer, article > table {
27
- width: 100%;
28
- }
29
-
30
- article > ol, article > ul {
31
- width: 90%;
32
- }
37
+ article > p,
38
+ article > li,
39
+ article > footer,
40
+ article > table {
41
+ width: 55%;
33
42
  }
34
43
 
35
44
  /*
data/_sass/_tufte.scss CHANGED
@@ -4,249 +4,431 @@
4
4
  adapted from https://github.com/edwardtufte/et-book/blob/gh-pages/et-book.css */
5
5
 
6
6
  /* Tufte CSS styles */
7
- html { font-size: 15px; }
8
-
9
- body { width: 87.5%;
10
- margin-left: auto;
11
- margin-right: auto;
12
- padding-left: 12.5%;
13
- font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
14
- background-color: #fffff8;
15
- color: #111;
16
- max-width: 1400px;
17
- counter-reset: sidenote-counter; }
18
-
19
- h1 { font-weight: 400;
20
- margin-top: 4rem;
21
- margin-bottom: 1.5rem;
22
- font-size: 3.2rem;
23
- line-height: 1; }
24
-
25
- h2 { font-style: italic;
26
- font-weight: 400;
27
- margin-top: 2.1rem;
28
- margin-bottom: 1.4rem;
29
- font-size: 2.2rem;
30
- line-height: 1; }
31
-
32
- h3 { font-style: italic;
33
- font-weight: 400;
34
- font-size: 1.7rem;
35
- margin-top: 2rem;
36
- margin-bottom: 1.4rem;
37
- line-height: 1; }
38
-
39
- hr { display: block;
40
- height: 1px;
41
- width: 55%;
42
- border: 0;
43
- border-top: 1px solid #ccc;
44
- margin: 1em 0;
45
- padding: 0; }
46
-
47
- p.subtitle { font-style: italic;
48
- margin-top: 1rem;
49
- margin-bottom: 1rem;
50
- font-size: 1.8rem;
51
- display: block;
52
- line-height: 1; }
53
-
54
- .numeral { font-family: et-book-roman-old-style; }
55
-
56
- .danger { color: red; }
57
-
58
- article { position: relative;
59
- padding: 5rem 0rem; }
60
-
61
- section { padding-top: 1rem;
62
- padding-bottom: 1rem; }
63
-
64
- p, ol, ul { font-size: 1.4rem;
65
- line-height: 2rem; }
66
-
67
- p { margin-top: 1.4rem;
7
+ html {
8
+ font-size: 15px;
9
+ }
10
+
11
+ body {
12
+ width: 87.5%;
13
+ margin-left: auto;
14
+ margin-right: auto;
15
+ padding-left: 12.5%;
16
+ font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
17
+ background-color: #fffff8;
18
+ color: #111;
19
+ max-width: 1400px;
20
+ counter-reset: sidenote-counter;
21
+ }
22
+
23
+ h1 {
24
+ font-weight: 400;
25
+ margin-top: 4rem;
26
+ margin-bottom: 1.5rem;
27
+ font-size: 3.2rem;
28
+ line-height: 1;
29
+ }
30
+
31
+ h2 {
32
+ font-style: italic;
33
+ font-weight: 400;
34
+ margin-top: 2.1rem;
35
+ margin-bottom: 1.4rem;
36
+ font-size: 2.2rem;
37
+ line-height: 1;
38
+ }
39
+
40
+ h3 {
41
+ font-style: italic;
42
+ font-weight: 400;
43
+ font-size: 1.7rem;
44
+ margin-top: 2rem;
45
+ margin-bottom: 1.4rem;
46
+ line-height: 1;
47
+ }
48
+
49
+ hr {
50
+ display: block;
51
+ height: 1px;
52
+ width: 55%;
53
+ border: 0;
54
+ border-top: 1px solid #ccc;
55
+ margin: 1em 0;
56
+ padding: 0;
57
+ }
58
+
59
+ p.subtitle {
60
+ font-style: italic;
61
+ margin-top: 1rem;
62
+ margin-bottom: 1rem;
63
+ font-size: 1.8rem;
64
+ display: block;
65
+ line-height: 1;
66
+ }
67
+
68
+ .numeral {
69
+ font-family: et-book-roman-old-style;
70
+ }
71
+
72
+ .danger {
73
+ color: red;
74
+ }
75
+
76
+ article {
77
+ padding: 5rem 0rem;
78
+ }
79
+
80
+ section {
81
+ padding-top: 1rem;
82
+ padding-bottom: 1rem;
83
+ }
84
+
85
+ p,
86
+ dl,
87
+ ol,
88
+ ul {
89
+ font-size: 1.4rem;
90
+ line-height: 2rem;
91
+ }
92
+
93
+ p {
94
+ margin-top: 1.4rem;
68
95
  margin-bottom: 1.4rem;
69
96
  padding-right: 0;
70
- vertical-align: baseline; }
97
+ vertical-align: baseline;
98
+ }
71
99
 
72
100
  /* Chapter Epigraphs */
73
- div.epigraph { margin: 5em 0; }
74
-
75
- div.epigraph > blockquote { margin-top: 3em;
76
- margin-bottom: 3em; }
77
-
78
- div.epigraph > blockquote, div.epigraph > blockquote > p { font-style: italic; }
79
-
80
- div.epigraph > blockquote > footer { font-style: normal; }
81
-
82
- div.epigraph > blockquote > footer > cite { font-style: italic; }
101
+ div.epigraph {
102
+ margin: 5em 0;
103
+ }
104
+
105
+ div.epigraph > blockquote {
106
+ margin-top: 3em;
107
+ margin-bottom: 3em;
108
+ }
109
+
110
+ div.epigraph > blockquote,
111
+ div.epigraph > blockquote > p {
112
+ font-style: italic;
113
+ }
114
+
115
+ div.epigraph > blockquote > footer {
116
+ font-style: normal;
117
+ }
118
+
119
+ div.epigraph > blockquote > footer > cite {
120
+ font-style: italic;
121
+ }
83
122
  /* end chapter epigraphs styles */
84
123
 
85
- blockquote { font-size: 1.4rem; }
124
+ blockquote {
125
+ font-size: 1.4rem;
126
+ }
86
127
 
87
- blockquote p { width: 55%;
88
- margin-right: 40px; }
128
+ blockquote p {
129
+ width: 55%;
130
+ margin-right: 40px;
131
+ }
89
132
 
90
- blockquote footer { width: 55%;
91
- font-size: 1.1rem;
92
- text-align: right; }
133
+ blockquote footer {
134
+ width: 55%;
135
+ font-size: 1.1rem;
136
+ text-align: right;
137
+ }
93
138
 
94
- section > p, section > footer, section > table { width: 55%; }
139
+ section > p,
140
+ section > footer,
141
+ section > table {
142
+ width: 55%;
143
+ }
95
144
 
96
145
  /* 50 + 5 == 55, to be the same width as paragraph */
97
- section > ol, section > ul { width: 50%;
98
- -webkit-padding-start: 5%; }
99
-
100
- li:not(:first-child) { margin-top: 0.25rem; }
101
-
102
- figure { padding: 0;
103
- border: 0;
104
- font-size: 100%;
105
- font: inherit;
106
- vertical-align: baseline;
107
- max-width: 55%;
108
- -webkit-margin-start: 0;
109
- -webkit-margin-end: 0;
110
- margin: 0 0 3em 0; }
111
-
112
- figcaption { float: right;
113
- clear: right;
114
- margin-top: 0;
115
- margin-bottom: 0;
116
- font-size: 1.1rem;
117
- line-height: 1.6;
118
- vertical-align: baseline;
119
- position: relative;
120
- max-width: 40%; }
121
-
122
- figure.fullwidth figcaption { margin-right: 24%; }
146
+ section > dl,
147
+ section > ol,
148
+ section > ul {
149
+ width: 50%;
150
+ -webkit-padding-start: 5%;
151
+ }
152
+
153
+ dt:not(:first-child),
154
+ li:not(:first-child) {
155
+ margin-top: 0.25rem;
156
+ }
157
+
158
+ figure {
159
+ padding: 0;
160
+ border: 0;
161
+ font-size: 100%;
162
+ font: inherit;
163
+ vertical-align: baseline;
164
+ max-width: 55%;
165
+ -webkit-margin-start: 0;
166
+ -webkit-margin-end: 0;
167
+ margin: 0 0 3em 0;
168
+ }
169
+
170
+ figcaption {
171
+ float: right;
172
+ clear: right;
173
+ margin-top: 0;
174
+ margin-bottom: 0;
175
+ font-size: 1.1rem;
176
+ line-height: 1.6;
177
+ vertical-align: baseline;
178
+ position: relative;
179
+ max-width: 40%;
180
+ }
181
+
182
+ figure.fullwidth figcaption {
183
+ margin-right: 24%;
184
+ }
123
185
 
124
186
  /* Links: replicate underline that clears descenders */
125
- a:link, a:visited { color: inherit; }
126
-
127
- a:link { text-decoration: none;
128
- background: -webkit-linear-gradient(#fffff8, #fffff8), -webkit-linear-gradient(#fffff8, #fffff8), -webkit-linear-gradient(#333, #333);
129
- background: linear-gradient(#fffff8, #fffff8), linear-gradient(#fffff8, #fffff8), linear-gradient(#333, #333);
130
- -webkit-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
131
- -moz-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
132
- background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
133
- background-repeat: no-repeat, no-repeat, repeat-x;
134
- text-shadow: 0.03em 0 #fffff8, -0.03em 0 #fffff8, 0 0.03em #fffff8, 0 -0.03em #fffff8, 0.06em 0 #fffff8, -0.06em 0 #fffff8, 0.09em 0 #fffff8, -0.09em 0 #fffff8, 0.12em 0 #fffff8, -0.12em 0 #fffff8, 0.15em 0 #fffff8, -0.15em 0 #fffff8;
135
- background-position: 0% 93%, 100% 93%, 0% 93%; }
136
-
137
- @media screen and (-webkit-min-device-pixel-ratio: 0) { a:link { background-position-y: 87%, 87%, 87%; } }
138
-
139
- a:link::selection { text-shadow: 0.03em 0 #b4d5fe, -0.03em 0 #b4d5fe, 0 0.03em #b4d5fe, 0 -0.03em #b4d5fe, 0.06em 0 #b4d5fe, -0.06em 0 #b4d5fe, 0.09em 0 #b4d5fe, -0.09em 0 #b4d5fe, 0.12em 0 #b4d5fe, -0.12em 0 #b4d5fe, 0.15em 0 #b4d5fe, -0.15em 0 #b4d5fe;
140
- background: #b4d5fe; }
141
-
142
- a:link::-moz-selection { text-shadow: 0.03em 0 #b4d5fe, -0.03em 0 #b4d5fe, 0 0.03em #b4d5fe, 0 -0.03em #b4d5fe, 0.06em 0 #b4d5fe, -0.06em 0 #b4d5fe, 0.09em 0 #b4d5fe, -0.09em 0 #b4d5fe, 0.12em 0 #b4d5fe, -0.12em 0 #b4d5fe, 0.15em 0 #b4d5fe, -0.15em 0 #b4d5fe;
143
- background: #b4d5fe; }
187
+ a:link,
188
+ a:visited {
189
+ color: inherit;
190
+ }
191
+
192
+ .no-tufte-underline:link {
193
+ background: unset;
194
+ text-shadow: unset;
195
+ }
196
+
197
+ a:link, .tufte-underline, .hover-tufte-underline:hover {
198
+ text-decoration: none;
199
+ background: -webkit-linear-gradient(#fffff8, #fffff8), -webkit-linear-gradient(#fffff8, #fffff8), -webkit-linear-gradient(currentColor, currentColor);
200
+ background: linear-gradient(#fffff8, #fffff8), linear-gradient(#fffff8, #fffff8), linear-gradient(currentColor, currentColor);
201
+ -webkit-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
202
+ -moz-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
203
+ background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
204
+ background-repeat: no-repeat, no-repeat, repeat-x;
205
+ text-shadow: 0.03em 0 #fffff8, -0.03em 0 #fffff8, 0 0.03em #fffff8, 0 -0.03em #fffff8, 0.06em 0 #fffff8, -0.06em 0 #fffff8, 0.09em 0 #fffff8, -0.09em 0 #fffff8, 0.12em 0 #fffff8, -0.12em 0 #fffff8, 0.15em 0 #fffff8, -0.15em 0 #fffff8;
206
+ background-position: 0% 93%, 100% 93%, 0% 93%;
207
+ }
208
+
209
+ @media screen and (-webkit-min-device-pixel-ratio: 0) {
210
+ a:link, .tufte-underline, .hover-tufte-underline:hover {
211
+ background-position-y: 87%, 87%, 87%;
212
+ }
213
+ }
214
+
215
+ a:link::selection,
216
+ a:link::-moz-selection {
217
+ text-shadow: 0.03em 0 #b4d5fe, -0.03em 0 #b4d5fe, 0 0.03em #b4d5fe, 0 -0.03em #b4d5fe, 0.06em 0 #b4d5fe, -0.06em 0 #b4d5fe, 0.09em 0 #b4d5fe, -0.09em 0 #b4d5fe, 0.12em 0 #b4d5fe, -0.12em 0 #b4d5fe, 0.15em 0 #b4d5fe, -0.15em 0 #b4d5fe;
218
+ background: #b4d5fe;
219
+ }
144
220
 
145
221
  /* Sidenotes, margin notes, figures, captions */
146
- img { max-width: 100%; }
147
-
148
- .sidenote, .marginnote { float: right;
149
- clear: right;
150
- margin-right: -60%;
151
- width: 50%;
152
- margin-top: 0;
153
- margin-bottom: 0;
154
- font-size: 1.1rem;
155
- line-height: 1.3;
156
- vertical-align: baseline;
157
- position: relative; }
158
-
159
- .sidenote-number { counter-increment: sidenote-counter; }
160
-
161
- .sidenote-number:after, .sidenote:before { font-family: et-book-roman-old-style;
162
- position: relative;
163
- vertical-align: baseline; }
164
-
165
- .sidenote-number:after { content: counter(sidenote-counter);
166
- font-size: 1rem;
167
- top: -0.5rem;
168
- left: 0.1rem; }
169
-
170
- .sidenote:before { content: counter(sidenote-counter) " ";
171
- font-size: 1rem;
172
- top: -0.5rem; }
173
-
174
- blockquote .sidenote, blockquote .marginnote { margin-right: -82%;
175
- min-width: 59%;
176
- text-align: left; }
177
-
178
- div.fullwidth, table.fullwidth { width: 100%; }
179
-
180
- div.table-wrapper { overflow-x: auto;
181
- font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", sans-serif; }
182
-
183
- .sans { font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
184
- letter-spacing: .03em; }
185
-
186
- code { font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
187
- font-size: 1.0rem;
188
- line-height: 1.42; }
189
-
190
- .sans > code { font-size: 1.2rem; }
191
-
192
- h1 > code, h2 > code, h3 > code { font-size: 0.80em; }
193
-
194
- .marginnote > code, .sidenote > code { font-size: 1rem; }
195
-
196
- pre.code { font-size: 0.9rem;
197
- width: 52.5%;
198
- margin-left: 2.5%;
199
- overflow-x: auto; }
200
-
201
- pre.code.fullwidth { width: 90%; }
202
-
203
- .fullwidth { max-width: 90%;
204
- clear:both; }
205
-
206
- span.newthought { font-variant: small-caps;
207
- font-size: 1.2em; }
208
-
209
- input.margin-toggle { display: none; }
210
-
211
- label.sidenote-number { display: inline; }
212
-
213
- label.margin-toggle:not(.sidenote-number) { display: none; }
214
-
215
- .iframe-wrapper { position: relative;
216
- padding-bottom: 56.25%; /* 16:9 */
217
- padding-top: 25px;
218
- height: 0; }
219
-
220
- .iframe-wrapper iframe { position: absolute;
221
- top: 0;
222
- left: 0;
223
- width: 100%;
224
- height: 100%; }
225
-
226
- @media (max-width: 760px) { body { width: 84%;
227
- padding-left: 8%;
228
- padding-right: 8%; }
229
- hr, section > p, section > footer, section > table { width: 100%; }
230
- pre.code { width: 97%; }
231
- section > ol { width: 90%; }
232
- section > ul { width: 90%; }
233
- figure { max-width: 90%; }
234
- figcaption, figure.fullwidth figcaption { margin-right: 0%;
235
- max-width: none; }
236
- blockquote { margin-left: 1.5em;
237
- margin-right: 0em; }
238
- blockquote p, blockquote footer { width: 100%; }
239
- label.margin-toggle:not(.sidenote-number) { display: inline; }
240
- .sidenote, .marginnote { display: none; }
241
- .margin-toggle:checked + .sidenote,
242
- .margin-toggle:checked + .marginnote { display: block;
243
- float: left;
244
- left: 1rem;
245
- clear: both;
246
- width: 95%;
247
- margin: 1rem 2.5%;
248
- vertical-align: baseline;
249
- position: relative; }
250
- label { cursor: pointer; }
251
- div.table-wrapper, table { width: 85%; }
252
- img { width: 100%; } }
222
+ img {
223
+ max-width: 100%;
224
+ }
225
+
226
+ .sidenote,
227
+ .marginnote {
228
+ float: right;
229
+ clear: right;
230
+ margin-right: -60%;
231
+ width: 50%;
232
+ margin-top: 0.3rem;
233
+ margin-bottom: 0;
234
+ font-size: 1.1rem;
235
+ line-height: 1.3;
236
+ vertical-align: baseline;
237
+ position: relative;
238
+ }
239
+
240
+ .sidenote-number {
241
+ counter-increment: sidenote-counter;
242
+ }
243
+
244
+ .sidenote-number:after,
245
+ .sidenote:before {
246
+ font-family: et-book-roman-old-style;
247
+ position: relative;
248
+ vertical-align: baseline;
249
+ }
250
+
251
+ .sidenote-number:after {
252
+ content: counter(sidenote-counter);
253
+ font-size: 1rem;
254
+ top: -0.5rem;
255
+ left: 0.1rem;
256
+ }
257
+
258
+ .sidenote:before {
259
+ content: counter(sidenote-counter) " ";
260
+ font-size: 1rem;
261
+ top: -0.5rem;
262
+ }
263
+
264
+ blockquote .sidenote,
265
+ blockquote .marginnote {
266
+ margin-right: -82%;
267
+ min-width: 59%;
268
+ text-align: left;
269
+ }
270
+
271
+ div.fullwidth,
272
+ table.fullwidth {
273
+ width: 100%;
274
+ }
275
+
276
+ div.table-wrapper {
277
+ overflow-x: auto;
278
+ font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", sans-serif;
279
+ }
280
+
281
+ .sans {
282
+ font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
283
+ letter-spacing: .03em;
284
+ }
285
+
286
+ code, pre > code {
287
+ font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
288
+ font-size: 1.0rem;
289
+ line-height: 1.42;
290
+ -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS. See https://github.com/edwardtufte/tufte-css/issues/81#issuecomment-261953409 */
291
+ }
292
+
293
+ .sans > code {
294
+ font-size: 1.2rem;
295
+ }
296
+
297
+ h1 > code,
298
+ h2 > code,
299
+ h3 > code {
300
+ font-size: 0.80em;
301
+ }
302
+
303
+ .marginnote > code,
304
+ .sidenote > code {
305
+ font-size: 1rem;
306
+ }
307
+
308
+ pre > code {
309
+ font-size: 0.9rem;
310
+ width: 52.5%;
311
+ margin-left: 2.5%;
312
+ overflow-x: auto;
313
+ display: block;
314
+ }
315
+
316
+ pre.fullwidth > code {
317
+ width: 90%;
318
+ }
319
+
320
+ .fullwidth {
321
+ max-width: 90%;
322
+ clear:both;
323
+ }
324
+
325
+ span.newthought {
326
+ font-variant: small-caps;
327
+ font-size: 1.2em;
328
+ }
329
+
330
+ input.margin-toggle {
331
+ display: none;
332
+ }
333
+
334
+ label.sidenote-number {
335
+ display: inline;
336
+ }
337
+
338
+ label.margin-toggle:not(.sidenote-number) {
339
+ display: none;
340
+ }
341
+
342
+ .iframe-wrapper {
343
+ position: relative;
344
+ padding-bottom: 56.25%; /* 16:9 */
345
+ padding-top: 25px;
346
+ height: 0;
347
+ }
348
+
349
+ .iframe-wrapper iframe {
350
+ position: absolute;
351
+ top: 0;
352
+ left: 0;
353
+ width: 100%;
354
+ height: 100%;
355
+ }
356
+
357
+ @media (max-width: 760px) {
358
+ body {
359
+ width: 84%;
360
+ padding-left: 8%;
361
+ padding-right: 8%;
362
+ }
363
+
364
+ hr,
365
+ section > p,
366
+ section > footer,
367
+ section > table {
368
+ width: 100%;
369
+ }
370
+
371
+ pre > code {
372
+ width: 97%;
373
+ }
374
+
375
+ section > dl,
376
+ section > ol,
377
+ section > ul {
378
+ width: 90%;
379
+ }
380
+
381
+ figure {
382
+ max-width: 90%;
383
+ }
384
+
385
+ figcaption,
386
+ figure.fullwidth figcaption {
387
+ margin-right: 0%;
388
+ max-width: none;
389
+ }
390
+
391
+ blockquote {
392
+ margin-left: 1.5em;
393
+ margin-right: 0em;
394
+ }
395
+
396
+ blockquote p,
397
+ blockquote footer {
398
+ width: 100%;
399
+ }
400
+
401
+ label.margin-toggle:not(.sidenote-number) {
402
+ display: inline;
403
+ }
404
+
405
+ .sidenote,
406
+ .marginnote {
407
+ display: none;
408
+ }
409
+
410
+ .margin-toggle:checked + .sidenote,
411
+ .margin-toggle:checked + .marginnote {
412
+ display: block;
413
+ float: left;
414
+ left: 1rem;
415
+ clear: both;
416
+ width: 95%;
417
+ margin: 1rem 2.5%;
418
+ vertical-align: baseline;
419
+ position: relative;
420
+ }
421
+
422
+ label {
423
+ cursor: pointer;
424
+ }
425
+
426
+ div.table-wrapper,
427
+ table {
428
+ width: 85%;
429
+ }
430
+
431
+ img {
432
+ width: 100%;
433
+ }
434
+ }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: tufte-pandoc-jekyll
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.11.4
4
+ version: 0.12.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Jake Zimmerman
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-03-07 00:00:00.000000000 Z
11
+ date: 2021-06-16 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll-pandoc