jekyll-theme-schatten 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
data/_sass/_code.scss ADDED
@@ -0,0 +1,66 @@
1
+ /*
2
+ Code
3
+ */
4
+
5
+ code,
6
+ pre {
7
+ font-family: $code-font-family;
8
+ }
9
+ code {
10
+ padding: .25em .5em;
11
+ font-size: .8rem;
12
+ border-radius: 3px;
13
+ }
14
+ pre {
15
+ display: block;
16
+ margin-top: 0;
17
+ margin-bottom: 1rem;
18
+ padding: 1rem;
19
+ font-size: .8rem;
20
+ line-height: 1.4;
21
+ white-space: pre;
22
+ white-space: pre-wrap;
23
+ word-break: break-all;
24
+ word-wrap: break-word;
25
+ }
26
+ pre code {
27
+ padding: 0;
28
+ font-size: 100%;
29
+ }
30
+
31
+ /* Horizontal code overflow fix */
32
+ pre.highlight {
33
+ white-space: pre;
34
+ overflow-x: auto;
35
+ }
36
+
37
+ /* Pygments via Jekyll */
38
+ .highlight {
39
+ margin-bottom: 1rem;
40
+ border-radius: 4px;
41
+ }
42
+ .highlight pre {
43
+ margin-bottom: 0;
44
+ }
45
+
46
+ /* Gist via GitHub Pages */
47
+ .gist .gist-file {
48
+ font-family: $code-font-family !important;
49
+ }
50
+ .gist .markdown-body {
51
+ padding: 15px;
52
+ }
53
+ .gist pre {
54
+ padding: 0;
55
+ background-color: transparent;
56
+ }
57
+ .gist .gist-file .gist-data {
58
+ font-size: .8rem !important;
59
+ line-height: 1.4;
60
+ }
61
+ .gist code {
62
+ padding: 0;
63
+ color: inherit;
64
+ background-color: transparent;
65
+ border-radius: 0;
66
+ }
@@ -0,0 +1,25 @@
1
+ /*
2
+ Site container
3
+ */
4
+
5
+ .container {
6
+ display: flow-root;
7
+ top: 0rem;
8
+ margin: 0;
9
+ margin-left: auto;
10
+ margin-right: auto;
11
+ max-width: 700px;
12
+ margin-top: 2vh;
13
+ margin-bottom: 2vh;
14
+ min-height: 90vh;
15
+ height: 100%;
16
+ padding: 2vh;
17
+ }
18
+
19
+ .content-container {
20
+ display: inline;
21
+ float: left;
22
+ min-height: 61vh;
23
+ width: 100%;
24
+ }
25
+
@@ -0,0 +1,432 @@
1
+ .dark-mode-toggle {
2
+ padding-left: 10px;
3
+ border-left: 1px solid;
4
+ margin-left: 5px;
5
+ font-size: 17px;
6
+ }
7
+
8
+ .dark-mode {
9
+ // transition: background 1s; // removed because can be annoying
10
+ color: $dark-body-color;
11
+ background-color: #151515;
12
+
13
+ .container {
14
+ background-color: #232323;
15
+
16
+ .related {
17
+ border-top-color: $dark-basic-color-two;
18
+ }
19
+
20
+ .post-preview {
21
+ border-top-color: $dark-basic-color;
22
+ }
23
+
24
+ .post-image-subtitle {
25
+ color: $dark-basic-color-two;
26
+ }
27
+
28
+ .post-date {
29
+ color: $dark-basic-color-two;
30
+ }
31
+
32
+ .social-icons a {
33
+ color: $dark-basic-color-two;
34
+ }
35
+
36
+ .pagination-button {
37
+ color: $dark-basic-color-two;
38
+ border-color: $dark-pagination-button-color;
39
+ }
40
+
41
+ .pagination-active {
42
+ color: $dark-link-color;
43
+ }
44
+
45
+ .pagination-active:hover {
46
+ background-color: $dark-pagination-button-color;
47
+ }
48
+
49
+ .footer {
50
+ color: $dark-basic-color-two;
51
+ border-top-color: $dark-basic-color-two;
52
+ }
53
+
54
+ .footer a {
55
+ color: $dark-basic-color-two;
56
+ }
57
+
58
+ .footer a:hover {
59
+ color: $dark-basic-color;
60
+ }
61
+
62
+ .footer-description {
63
+ color: $dark-basic-color-two;
64
+ }
65
+
66
+ .header-toolbar {
67
+ border-bottom-color: $dark-basic-color-two;
68
+ }
69
+
70
+ // add border between each a tag in toolbar
71
+ .header-toolbar a {
72
+ border-right-color: $dark-basic-color-two;
73
+ }
74
+
75
+ code {
76
+ background-color: $dark-code-background-color;
77
+ }
78
+
79
+ pre {
80
+ background-color: $dark-code-background-color;
81
+ }
82
+
83
+ pre code {
84
+ color: inherit;
85
+ background-color: transparent;
86
+ }
87
+
88
+ h1,
89
+ h2,
90
+ h3,
91
+ h4,
92
+ h5,
93
+ h6 {
94
+ color: $dark-basic-color;
95
+ }
96
+
97
+ a {
98
+ color: $dark-basic-color;
99
+ }
100
+
101
+ a:hover {
102
+ color: $dark-link-color;
103
+ }
104
+
105
+
106
+ blockquote {
107
+ border-left-color: $dark-basic-color-three;
108
+ color: $dark-basic-color-two;
109
+ }
110
+
111
+ hr {
112
+ border-top-color: $dark-basic-color-three;
113
+ }
114
+ }
115
+
116
+ /*
117
+ Code
118
+ */
119
+
120
+ .highlight .hll {
121
+ background-color: $text-color
122
+ }
123
+
124
+ /* Comment */
125
+ .highlight .c {
126
+ color: $comment-color
127
+ }
128
+
129
+ /* Error */
130
+ .highlight .err {
131
+ color: $string-color;
132
+ background-color: $comment-color
133
+ }
134
+
135
+ /* Keyword */
136
+ .highlight .k {
137
+ color: $keyword-color;
138
+ }
139
+
140
+ /* Operator */
141
+ .highlight .o {
142
+ color: $comment-color
143
+ }
144
+
145
+ /* Comment.Multiline */
146
+ .highlight .cm {
147
+ color: $keyword-color;
148
+ font-style: italic
149
+ }
150
+
151
+ /* Comment.Preproc */
152
+ .highlight .cp {
153
+ color: $number-color
154
+ }
155
+
156
+ /* Comment.Single */
157
+ .highlight .c1 {
158
+ color: $comment-color;
159
+ }
160
+
161
+ /* Comment.Special */
162
+ .highlight .cs {
163
+ color: $comment-color;
164
+ }
165
+
166
+ /* Generic.Deleted */
167
+ .highlight .gd {
168
+ background-color: $text-color;
169
+ border: 1px solid $string-color
170
+ }
171
+
172
+ /* Generic.Emph */
173
+ .highlight .ge {
174
+ font-style: italic
175
+ }
176
+
177
+ /* Generic.Error */
178
+ .highlight .gr {
179
+ color: $string-color
180
+ }
181
+
182
+ /* Generic.Heading */
183
+ .highlight .gh {
184
+ color: $number-color;
185
+ }
186
+
187
+ /* Generic.Inserted */
188
+ .highlight .gi {
189
+ background-color: $text-color;
190
+ border: 1px solid $number-color
191
+ }
192
+
193
+ /* Generic.Output */
194
+ .highlight .go {
195
+ color: $comment-color
196
+ }
197
+
198
+ /* Generic.Prompt */
199
+ .highlight .gp {
200
+ color: $keyword-color
201
+ }
202
+
203
+ /* Generic.Strong */
204
+ .highlight .gs {}
205
+
206
+ /* Generic.Subheading */
207
+ .highlight .gu {
208
+ color: $text-color;
209
+ }
210
+
211
+ /* Generic.Traceback */
212
+ .highlight .gt {
213
+ color: $number-color
214
+ }
215
+
216
+ /* Keyword.Constant */
217
+ .highlight .kc {
218
+ color: $keyword-color;
219
+ }
220
+
221
+ /* Keyword.Declaration */
222
+ .highlight .kd {
223
+ color: $keyword-color;
224
+ }
225
+
226
+ /* Keyword.Namespace */
227
+ .highlight .kn {
228
+ color: $keyword-color;
229
+ }
230
+
231
+ /* Keyword.Pseudo */
232
+ .highlight .kp {
233
+ color: $keyword-color;
234
+ }
235
+
236
+ /* Keyword.Reserved */
237
+ .highlight .kr {
238
+ color: $keyword-color;
239
+ }
240
+
241
+ /* Keyword.Type */
242
+ .highlight .kt {
243
+ color: $keyword-color;
244
+ }
245
+
246
+ /* Literal.Number */
247
+ .highlight .m {
248
+ color: $string-color
249
+ }
250
+
251
+ /* Literal.String */
252
+ .highlight .s {
253
+ color: $string-color
254
+ }
255
+
256
+ /* Name.Attribute */
257
+ .highlight .na {
258
+ color: $keyword-color
259
+ }
260
+
261
+ /* Name.Builtin */
262
+ .highlight .nb {
263
+ color: $text-color
264
+ }
265
+
266
+ /* Name.Class */
267
+ .highlight .nc {
268
+ color: $text-color
269
+ }
270
+
271
+ /* Name.Constant */
272
+ .highlight .no {
273
+ color: $text-color
274
+ }
275
+
276
+ /* Name.Decorator */
277
+ .highlight .nd {
278
+ color: $string-color
279
+ }
280
+
281
+ /* Name.Entity */
282
+ .highlight .ni {
283
+ color: $comment-color
284
+ }
285
+
286
+ /* Name.Exception */
287
+ .highlight .ne {
288
+ color: $string-color
289
+ }
290
+
291
+ /* Name.Function */
292
+ .highlight .nf {
293
+ color: $text-color
294
+ }
295
+
296
+ /* Name.Label */
297
+ .highlight .nl {
298
+ color: $keyword-color
299
+ }
300
+
301
+ /* Name.Namespace */
302
+ .highlight .nn {
303
+ color: $text-color
304
+ }
305
+
306
+ /* Name.Tag */
307
+ .highlight .nt {
308
+ color: $keyword-color
309
+ }
310
+
311
+ /* Name.Variable */
312
+ .highlight .nv {
313
+ color: $text-color
314
+ }
315
+
316
+ /* Operator.Word */
317
+ .highlight .ow {
318
+ color: $text-color;
319
+ }
320
+
321
+ /* Text.$text-colorspace */
322
+ .highlight .w {
323
+ color: $text-color
324
+ }
325
+
326
+ /* Literal.Number.Float */
327
+ .highlight .mf {
328
+ color: $number-color
329
+ }
330
+
331
+ /* Literal.Number.Hex */
332
+ .highlight .mh {
333
+ color: $number-color
334
+ }
335
+
336
+ /* Literal.Number.Integer */
337
+ .highlight .mi {
338
+ color: $number-color
339
+ }
340
+
341
+ /* Literal.Number.Oct */
342
+ .highlight .mo {
343
+ color: $number-color
344
+ }
345
+
346
+ /* Literal.String.Backtick */
347
+ .highlight .sb {
348
+ color: $string-color
349
+ }
350
+
351
+ /* Literal.String.Char */
352
+ .highlight .sc {
353
+ color: $string-color
354
+ }
355
+
356
+ /* Literal.String.Doc */
357
+ .highlight .sd {
358
+ color: $string-color;
359
+ font-style: italic
360
+ }
361
+
362
+ /* Literal.String.Double */
363
+ .highlight .s2 {
364
+ color: $string-color
365
+ }
366
+
367
+ /* Literal.String.Escape */
368
+ .highlight .se {
369
+ color: $string-color
370
+ }
371
+
372
+ /* Literal.String.Heredoc */
373
+ .highlight .sh {
374
+ color: $string-color
375
+ }
376
+
377
+ /* Literal.String.Interpol */
378
+ .highlight .si {
379
+ color: $string-color
380
+ }
381
+
382
+ /* Literal.String.Other */
383
+ .highlight .sx {
384
+ color: $string-color
385
+ }
386
+
387
+ /* Literal.String.Regex */
388
+ .highlight .sr {
389
+ color: $keyword-color
390
+ }
391
+
392
+ /* Literal.String.Single */
393
+ .highlight .s1 {
394
+ color: $string-color
395
+ }
396
+
397
+ /* Literal.String.Symbol */
398
+ .highlight .ss {
399
+ color: $string-color
400
+ }
401
+
402
+ /* Name.Builtin.Pseudo */
403
+ .highlight .bp {
404
+ color: $keyword-color
405
+ }
406
+
407
+ /* Name.Variable.Class */
408
+ .highlight .vc {
409
+ color: $number-color
410
+ }
411
+
412
+ /* Name.Variable.Global */
413
+ .highlight .vg {
414
+ color: $number-color
415
+ }
416
+
417
+ /* Name.Variable.Instance */
418
+ .highlight .vi {
419
+ color: $number-color
420
+ }
421
+
422
+ /* Literal.Number.Integer.Long */
423
+ .highlight .il {
424
+ color: $string-color
425
+ }
426
+
427
+ .css .o,
428
+ .css .o+.nt,
429
+ .css .nt+.nt {
430
+ color: $comment-color
431
+ }
432
+ }
@@ -0,0 +1,25 @@
1
+ /*
2
+ Footer
3
+ */
4
+
5
+ .footer {
6
+ display: inline;
7
+ float: left;
8
+ margin: 0;
9
+ padding: 0;
10
+ width: 100%;
11
+ border-top: 2px solid;
12
+ }
13
+
14
+ .footer a {
15
+ padding: 10px;
16
+ text-decoration: none;
17
+ }
18
+
19
+ .footer-description {
20
+ text-align: center;
21
+ margin-top: 3px;
22
+ margin-bottom: 1rem;
23
+ font-family: $sans-serif-font-family;
24
+ font-size: 0.8rem;
25
+ }
@@ -0,0 +1,49 @@
1
+ /*
2
+ Header
3
+ */
4
+
5
+ .header {
6
+ display: inline;
7
+ top: 0rem;
8
+ font-family: $sans-serif-font-family;
9
+ }
10
+
11
+ .header-title {
12
+ margin-top: 0;
13
+ margin-bottom: 0;
14
+ padding-top: 0;
15
+ padding-bottom: 0;
16
+ margin-block-start: 0em;
17
+ margin-block-end: 0em;
18
+ }
19
+
20
+ .header-title a {
21
+ font-size: 24pt;
22
+ text-decoration: none;
23
+ margin-top: 0;
24
+ margin-bottom: 0;
25
+ padding-top: 0;
26
+ padding-bottom: 0;
27
+ }
28
+
29
+ .header-toolbar {
30
+ padding: 0.5rem;
31
+ border-bottom: 2px solid;
32
+ }
33
+
34
+ // add border between each a tag in toolbar
35
+ .header-toolbar a {
36
+ border-right: 2px solid;
37
+ padding-right: 10px;
38
+ }
39
+
40
+ // position on the right side of the header
41
+ .header-subtitle {
42
+ float: right;
43
+ margin-top: 0;
44
+ margin-bottom: 0;
45
+ padding-top: 0;
46
+ padding-bottom: 0;
47
+ margin-block-start: 0em;
48
+ margin-block-end: 0em;
49
+ }