jekyll-theme-scaffold 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,84 @@
1
+ .highlight table td { padding: 5px; }
2
+ .highlight table pre { margin: 0; }
3
+ .highlight, .highlight .w {
4
+ color: #282828;
5
+ background-color: #fbf1c7;
6
+ }
7
+ .highlight .err {
8
+ color: #9d0006;
9
+ background-color: #fbf1c7;
10
+ font-weight: bold;
11
+ }
12
+ .highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cpf, .highlight .c1, .highlight .cs {
13
+ color: #928374;
14
+ font-style: italic;
15
+ }
16
+ .highlight .cp {
17
+ color: #427b58;
18
+ }
19
+ .highlight .nt {
20
+ color: #9d0006;
21
+ }
22
+ .highlight .o, .highlight .ow {
23
+ color: #282828;
24
+ }
25
+ .highlight .p, .highlight .pi {
26
+ color: #282828;
27
+ }
28
+ .highlight .gi {
29
+ color: #79740e;
30
+ background-color: #fbf1c7;
31
+ }
32
+ .highlight .gd {
33
+ color: #9d0006;
34
+ background-color: #fbf1c7;
35
+ }
36
+ .highlight .gh {
37
+ color: #79740e;
38
+ font-weight: bold;
39
+ }
40
+ .highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
41
+ color: #9d0006;
42
+ }
43
+ .highlight .kc {
44
+ color: #8f3f71;
45
+ }
46
+ .highlight .kt {
47
+ color: #b57614;
48
+ }
49
+ .highlight .kd {
50
+ color: #af3a03;
51
+ }
52
+ .highlight .s, .highlight .sa, .highlight .sb, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {
53
+ color: #79740e;
54
+ font-style: italic;
55
+ }
56
+ .highlight .si {
57
+ color: #79740e;
58
+ font-style: italic;
59
+ }
60
+ .highlight .sr {
61
+ color: #79740e;
62
+ font-style: italic;
63
+ }
64
+ .highlight .se {
65
+ color: #af3a03;
66
+ }
67
+ .highlight .nn {
68
+ color: #427b58;
69
+ }
70
+ .highlight .nc {
71
+ color: #427b58;
72
+ }
73
+ .highlight .no {
74
+ color: #8f3f71;
75
+ }
76
+ .highlight .na {
77
+ color: #79740e;
78
+ }
79
+ .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
80
+ color: #8f3f71;
81
+ }
82
+ .highlight .ss {
83
+ color: #076678;
84
+ }
@@ -0,0 +1,39 @@
1
+ .separator {
2
+ display: flex;
3
+ align-items: center;
4
+ text-align: center;
5
+ text-transform: uppercase;
6
+ font-size: 80%;
7
+ color: var(--border-color);
8
+ margin: var(--spacer-2) 0;
9
+ }
10
+ .separator::before, .separator::after {
11
+ content: '';
12
+ flex: 1;
13
+ border-bottom: 1px solid var(--border-color);
14
+ }
15
+ .separator::before {
16
+ margin-right: .25em;
17
+ }
18
+ .separator::after {
19
+ margin-left: .25em;
20
+ }
21
+
22
+ .post-card {
23
+ margin-bottom: var(--spacer);
24
+ padding: 1em;
25
+ border: 1px solid var(--border-color);
26
+ border-radius: var(--border-radius);
27
+
28
+ a {
29
+ color: inherit;
30
+ }
31
+
32
+ .post-title {
33
+ font-family: var(--body-font);
34
+ margin: 0;
35
+ }
36
+ .post-meta {
37
+ margin-bottom: 0;
38
+ }
39
+ }
@@ -0,0 +1,5 @@
1
+ .container {
2
+ max-width: $md-screen;
3
+ margin: 0 auto;
4
+ padding: 0 var(--spacer);
5
+ }
@@ -0,0 +1,15 @@
1
+ @import "variables";
2
+ @import "base";
3
+ @import "layout";
4
+ @import "header";
5
+ @import "footer";
6
+ @import "post";
7
+ @import "code";
8
+ @import "home";
9
+ @import "pagination";
10
+ @import "archive";
11
+
12
+ @import "highlight-light";
13
+ @media (prefers-color-scheme: dark) {
14
+ @import "highlight-dark";
15
+ }
@@ -0,0 +1,47 @@
1
+ .pagination {
2
+ color: var(--body-color-light);
3
+ text-align: center;
4
+ }
5
+
6
+ // Pagination items can be `span`s or `a`s
7
+ .pagination-item {
8
+ display: block;
9
+ padding: var(--spacer);
10
+ text-decoration: none;
11
+ border: solid var(--border-color);
12
+ border-width: 1px 0;
13
+
14
+ &:first-child {
15
+ margin-bottom: -1px;
16
+ }
17
+ }
18
+
19
+ // Only provide a hover state for linked pagination items
20
+ a.pagination-item:hover {
21
+ background-color: var(--border-color);
22
+ text-decoration: none;
23
+ }
24
+
25
+ @media (min-width: $md-screen) {
26
+ .pagination {
27
+ margin: var(--spacer-3) 0;
28
+ height: calc(var(--body-font-size) * var(--body-line-height) + var(--spacer) * 2);
29
+ }
30
+
31
+ .pagination-item {
32
+ float: left;
33
+ width: 50%;
34
+ border-width: 1px;
35
+
36
+ &:first-child {
37
+ margin-bottom: 0;
38
+ border-top-left-radius: var(--border-radius);
39
+ border-bottom-left-radius: var(--border-radius);
40
+ }
41
+ &:last-child {
42
+ margin-left: -1px;
43
+ border-top-right-radius: var(--border-radius);
44
+ border-bottom-right-radius: var(--border-radius);
45
+ }
46
+ }
47
+ }
@@ -0,0 +1,101 @@
1
+ .post,
2
+ .page {
3
+ h1, h2, h3, h4, h5, h6 {
4
+ color: var(--heading-color);
5
+ font-family: var(--heading-font);
6
+ }
7
+ }
8
+
9
+ .post-title {
10
+ margin-bottom: 0;
11
+ }
12
+ .post-title ~ .post-meta {
13
+ margin-bottom: var(--spacer-2);
14
+ }
15
+
16
+ .page-title {
17
+ margin-bottom: var(--spacer-2);
18
+ }
19
+
20
+ .post-meta {
21
+ color: var(--body-color-light);
22
+ font-size: .85em;
23
+ }
24
+
25
+ #markdown-toc {
26
+ padding: var(--spacer) var(--spacer-2);
27
+ margin: var(--spacer-2) 0;
28
+ border: solid var(--border-color);
29
+ border-width: 1px 0;
30
+
31
+ &::before {
32
+ display: block;
33
+ margin-left: calc(var(--spacer-2) * -1);
34
+ content: "Table of Contents";
35
+ font-weight: bold;
36
+ }
37
+ }
38
+
39
+ .post-tags-section {
40
+ display: block;
41
+ padding: var(--spacer) 0;
42
+ }
43
+
44
+ .post-tags-icon {
45
+ display: inline-block;
46
+ margin-right: var(--spacer);
47
+ }
48
+
49
+ .post-tags {
50
+ display: inline-block;
51
+ list-style: none;
52
+ padding: 0;
53
+ margin: 0;
54
+
55
+ li {
56
+ display: inline-block;
57
+ margin-right: var(--spacer);
58
+
59
+ a {
60
+ color: inherit;
61
+ text-decoration: none;
62
+
63
+ &:hover,
64
+ &:focus {
65
+ color: var(--body-bg);
66
+ background-color: var(--link-hover-color);
67
+ }
68
+ }
69
+ }
70
+ }
71
+
72
+ .post-tag {
73
+ padding: .1em .5em;
74
+ border: 1px solid var(--border-color);
75
+ border-radius: .8em;
76
+ }
77
+
78
+ .related {
79
+ padding: var(--spacer) 0;
80
+ margin-top: var(--spacer-2);
81
+ border-top: 1px solid var(--border-color);
82
+ border-bottom: 1px solid var(--border-color);
83
+
84
+ h2 {
85
+ margin-top: 0;
86
+ }
87
+ }
88
+
89
+ .related-posts {
90
+ padding-left: 0;
91
+ margin: 0;
92
+ list-style: none;
93
+
94
+ a {
95
+ text-decoration: none;
96
+
97
+ small {
98
+ color: var(--body-color-light);
99
+ }
100
+ }
101
+ }
@@ -0,0 +1,56 @@
1
+ $sm-screen: 35.5rem;
2
+ $md-screen: 48rem;
3
+ $lg-screen: 64rem;
4
+ $xl-screen: 80rem;
5
+
6
+ :root {
7
+ --body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
8
+ --body-font-size: 16px;
9
+ --body-line-height: 1.5;
10
+
11
+ --border-radius: .4em;
12
+
13
+ --heading-font: Georgia, "Times New Roman", Times, "Palatino Linotype", "Book Antiqua", Palatino, serif;
14
+ --code-font: "Source Code Pro", Menlo, "Lucida Console", Monaco, "Courier New", Courier, monospace;
15
+
16
+ --spacer: 1rem;
17
+ --spacer-2: 2rem;
18
+ --spacer-3: 3rem;
19
+
20
+ /* Colors
21
+ * ─────────────────────────────────── */
22
+
23
+ --body-color: var(--oc-gray-8);
24
+ --body-color-light: var(--oc-gray-6);
25
+ --body-bg: var(--oc-white);
26
+
27
+ --heading-color: var(--oc-black);
28
+
29
+ --code-bg: var(--oc-gray-1);
30
+
31
+ --link-color: var(--oc-blue-6);
32
+ --link-hover-color: var(--oc-blue-8);
33
+
34
+ --border-color: rgb(var(--oc-gray-5-rgb), .5);
35
+
36
+ --mark-color: var(--oc-yellow-8);
37
+ }
38
+
39
+ @media (prefers-color-scheme: dark) {
40
+ :root {
41
+ --body-color: var(--oc-gray-2);
42
+ --body-color-light: var(--oc-gray-5);
43
+ --body-bg: var(--oc-gray-9);
44
+
45
+ --heading-color: var(--oc-white);
46
+
47
+ --code-bg: var(--oc-gray-6);
48
+
49
+ --link-color: var(--oc-cyan-5);
50
+ --link-hover-color: var(--oc-cyan-2);
51
+
52
+ --border-color: rgb(var(--oc-gray-7-rgb), .9);
53
+
54
+ --mark-color: var(--oc-yellow-2);
55
+ }
56
+ }
@@ -0,0 +1,349 @@
1
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2
+
3
+ /* Document
4
+ ========================================================================== */
5
+
6
+ /**
7
+ * 1. Correct the line height in all browsers.
8
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
9
+ */
10
+
11
+ html {
12
+ line-height: 1.15; /* 1 */
13
+ -webkit-text-size-adjust: 100%; /* 2 */
14
+ }
15
+
16
+ /* Sections
17
+ ========================================================================== */
18
+
19
+ /**
20
+ * Remove the margin in all browsers.
21
+ */
22
+
23
+ body {
24
+ margin: 0;
25
+ }
26
+
27
+ /**
28
+ * Render the `main` element consistently in IE.
29
+ */
30
+
31
+ main {
32
+ display: block;
33
+ }
34
+
35
+ /**
36
+ * Correct the font size and margin on `h1` elements within `section` and
37
+ * `article` contexts in Chrome, Firefox, and Safari.
38
+ */
39
+
40
+ h1 {
41
+ font-size: 2em;
42
+ margin: 0.67em 0;
43
+ }
44
+
45
+ /* Grouping content
46
+ ========================================================================== */
47
+
48
+ /**
49
+ * 1. Add the correct box sizing in Firefox.
50
+ * 2. Show the overflow in Edge and IE.
51
+ */
52
+
53
+ hr {
54
+ box-sizing: content-box; /* 1 */
55
+ height: 0; /* 1 */
56
+ overflow: visible; /* 2 */
57
+ }
58
+
59
+ /**
60
+ * 1. Correct the inheritance and scaling of font size in all browsers.
61
+ * 2. Correct the odd `em` font sizing in all browsers.
62
+ */
63
+
64
+ pre {
65
+ font-family: monospace, monospace; /* 1 */
66
+ font-size: 1em; /* 2 */
67
+ }
68
+
69
+ /* Text-level semantics
70
+ ========================================================================== */
71
+
72
+ /**
73
+ * Remove the gray background on active links in IE 10.
74
+ */
75
+
76
+ a {
77
+ background-color: transparent;
78
+ }
79
+
80
+ /**
81
+ * 1. Remove the bottom border in Chrome 57-
82
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
83
+ */
84
+
85
+ abbr[title] {
86
+ border-bottom: none; /* 1 */
87
+ text-decoration: underline; /* 2 */
88
+ text-decoration: underline dotted; /* 2 */
89
+ }
90
+
91
+ /**
92
+ * Add the correct font weight in Chrome, Edge, and Safari.
93
+ */
94
+
95
+ b,
96
+ strong {
97
+ font-weight: bolder;
98
+ }
99
+
100
+ /**
101
+ * 1. Correct the inheritance and scaling of font size in all browsers.
102
+ * 2. Correct the odd `em` font sizing in all browsers.
103
+ */
104
+
105
+ code,
106
+ kbd,
107
+ samp {
108
+ font-family: monospace, monospace; /* 1 */
109
+ font-size: 1em; /* 2 */
110
+ }
111
+
112
+ /**
113
+ * Add the correct font size in all browsers.
114
+ */
115
+
116
+ small {
117
+ font-size: 80%;
118
+ }
119
+
120
+ /**
121
+ * Prevent `sub` and `sup` elements from affecting the line height in
122
+ * all browsers.
123
+ */
124
+
125
+ sub,
126
+ sup {
127
+ font-size: 75%;
128
+ line-height: 0;
129
+ position: relative;
130
+ vertical-align: baseline;
131
+ }
132
+
133
+ sub {
134
+ bottom: -0.25em;
135
+ }
136
+
137
+ sup {
138
+ top: -0.5em;
139
+ }
140
+
141
+ /* Embedded content
142
+ ========================================================================== */
143
+
144
+ /**
145
+ * Remove the border on images inside links in IE 10.
146
+ */
147
+
148
+ img {
149
+ border-style: none;
150
+ }
151
+
152
+ /* Forms
153
+ ========================================================================== */
154
+
155
+ /**
156
+ * 1. Change the font styles in all browsers.
157
+ * 2. Remove the margin in Firefox and Safari.
158
+ */
159
+
160
+ button,
161
+ input,
162
+ optgroup,
163
+ select,
164
+ textarea {
165
+ font-family: inherit; /* 1 */
166
+ font-size: 100%; /* 1 */
167
+ line-height: 1.15; /* 1 */
168
+ margin: 0; /* 2 */
169
+ }
170
+
171
+ /**
172
+ * Show the overflow in IE.
173
+ * 1. Show the overflow in Edge.
174
+ */
175
+
176
+ button,
177
+ input { /* 1 */
178
+ overflow: visible;
179
+ }
180
+
181
+ /**
182
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
183
+ * 1. Remove the inheritance of text transform in Firefox.
184
+ */
185
+
186
+ button,
187
+ select { /* 1 */
188
+ text-transform: none;
189
+ }
190
+
191
+ /**
192
+ * Correct the inability to style clickable types in iOS and Safari.
193
+ */
194
+
195
+ button,
196
+ [type="button"],
197
+ [type="reset"],
198
+ [type="submit"] {
199
+ -webkit-appearance: button;
200
+ }
201
+
202
+ /**
203
+ * Remove the inner border and padding in Firefox.
204
+ */
205
+
206
+ button::-moz-focus-inner,
207
+ [type="button"]::-moz-focus-inner,
208
+ [type="reset"]::-moz-focus-inner,
209
+ [type="submit"]::-moz-focus-inner {
210
+ border-style: none;
211
+ padding: 0;
212
+ }
213
+
214
+ /**
215
+ * Restore the focus styles unset by the previous rule.
216
+ */
217
+
218
+ button:-moz-focusring,
219
+ [type="button"]:-moz-focusring,
220
+ [type="reset"]:-moz-focusring,
221
+ [type="submit"]:-moz-focusring {
222
+ outline: 1px dotted ButtonText;
223
+ }
224
+
225
+ /**
226
+ * Correct the padding in Firefox.
227
+ */
228
+
229
+ fieldset {
230
+ padding: 0.35em 0.75em 0.625em;
231
+ }
232
+
233
+ /**
234
+ * 1. Correct the text wrapping in Edge and IE.
235
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
236
+ * 3. Remove the padding so developers are not caught out when they zero out
237
+ * `fieldset` elements in all browsers.
238
+ */
239
+
240
+ legend {
241
+ box-sizing: border-box; /* 1 */
242
+ color: inherit; /* 2 */
243
+ display: table; /* 1 */
244
+ max-width: 100%; /* 1 */
245
+ padding: 0; /* 3 */
246
+ white-space: normal; /* 1 */
247
+ }
248
+
249
+ /**
250
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
251
+ */
252
+
253
+ progress {
254
+ vertical-align: baseline;
255
+ }
256
+
257
+ /**
258
+ * Remove the default vertical scrollbar in IE 10+.
259
+ */
260
+
261
+ textarea {
262
+ overflow: auto;
263
+ }
264
+
265
+ /**
266
+ * 1. Add the correct box sizing in IE 10.
267
+ * 2. Remove the padding in IE 10.
268
+ */
269
+
270
+ [type="checkbox"],
271
+ [type="radio"] {
272
+ box-sizing: border-box; /* 1 */
273
+ padding: 0; /* 2 */
274
+ }
275
+
276
+ /**
277
+ * Correct the cursor style of increment and decrement buttons in Chrome.
278
+ */
279
+
280
+ [type="number"]::-webkit-inner-spin-button,
281
+ [type="number"]::-webkit-outer-spin-button {
282
+ height: auto;
283
+ }
284
+
285
+ /**
286
+ * 1. Correct the odd appearance in Chrome and Safari.
287
+ * 2. Correct the outline style in Safari.
288
+ */
289
+
290
+ [type="search"] {
291
+ -webkit-appearance: textfield; /* 1 */
292
+ outline-offset: -2px; /* 2 */
293
+ }
294
+
295
+ /**
296
+ * Remove the inner padding in Chrome and Safari on macOS.
297
+ */
298
+
299
+ [type="search"]::-webkit-search-decoration {
300
+ -webkit-appearance: none;
301
+ }
302
+
303
+ /**
304
+ * 1. Correct the inability to style clickable types in iOS and Safari.
305
+ * 2. Change font properties to `inherit` in Safari.
306
+ */
307
+
308
+ ::-webkit-file-upload-button {
309
+ -webkit-appearance: button; /* 1 */
310
+ font: inherit; /* 2 */
311
+ }
312
+
313
+ /* Interactive
314
+ ========================================================================== */
315
+
316
+ /*
317
+ * Add the correct display in Edge, IE 10+, and Firefox.
318
+ */
319
+
320
+ details {
321
+ display: block;
322
+ }
323
+
324
+ /*
325
+ * Add the correct display in all browsers.
326
+ */
327
+
328
+ summary {
329
+ display: list-item;
330
+ }
331
+
332
+ /* Misc
333
+ ========================================================================== */
334
+
335
+ /**
336
+ * Add the correct display in IE 10+.
337
+ */
338
+
339
+ template {
340
+ display: none;
341
+ }
342
+
343
+ /**
344
+ * Add the correct display in IE 10.
345
+ */
346
+
347
+ [hidden] {
348
+ display: none;
349
+ }