jekyll-text-theme 2.0.2 → 2.1.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.
Files changed (81) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +2 -2
  3. data/_data/locale.yml +12 -0
  4. data/_includes/analytics-providers/google.html +7 -9
  5. data/_includes/article-info.html +19 -35
  6. data/_includes/article-list.html +73 -0
  7. data/_includes/author-links.html +7 -0
  8. data/_includes/header.html +13 -9
  9. data/_includes/markdown-enhancements.html +3 -3
  10. data/_includes/paginator.html +73 -72
  11. data/_includes/scripts/archieve.js +57 -160
  12. data/_includes/scripts/aside/affix.js +2 -0
  13. data/_includes/scripts/lib/affix.js +8 -6
  14. data/_includes/scripts/lib/toc.js +3 -5
  15. data/_includes/scripts/search-data.js +14 -0
  16. data/_includes/scripts/search.js +177 -0
  17. data/_includes/scripts/utils.js +1 -1
  18. data/_includes/scripts/variables.html +6 -0
  19. data/_includes/search.html +24 -0
  20. data/_includes/snippets/is_collection.html +6 -0
  21. data/_includes/snippets/prepend-baseurl.html +4 -1
  22. data/_includes/snippets/prepend-path.html +1 -0
  23. data/_includes/svg/icon/social/npm.svg +9 -0
  24. data/_includes/tags.html +2 -2
  25. data/_layouts/archive.html +3 -9
  26. data/_layouts/base.html +1 -0
  27. data/_layouts/home.html +1 -28
  28. data/_layouts/landing.html +11 -4
  29. data/_layouts/page.html +18 -8
  30. data/_sass/common/_classes.scss +1 -0
  31. data/_sass/common/_function.scss +2 -2
  32. data/_sass/common/_reset.scss +5 -5
  33. data/_sass/common/_variables.scss +22 -14
  34. data/_sass/common/classes/_animation.scss +1 -1
  35. data/_sass/common/classes/_clearfix.scss +7 -3
  36. data/_sass/common/classes/_clickable.scss +13 -13
  37. data/_sass/common/classes/_display.scss +3 -0
  38. data/_sass/common/classes/_flex.scss +131 -131
  39. data/_sass/common/classes/_grid.scss +3 -3
  40. data/_sass/common/classes/_horizontal-rules.scss +3 -3
  41. data/_sass/common/classes/_overflow.scss +3 -3
  42. data/_sass/common/classes/_spacing.scss +24 -24
  43. data/_sass/common/classes/_transform.scss +1 -1
  44. data/_sass/common/classes/_transition.scss +1 -1
  45. data/_sass/common/classes/_user-select.scss +3 -3
  46. data/_sass/common/components/_button.scss +19 -9
  47. data/_sass/common/components/_card.scss +2 -2
  48. data/_sass/common/components/_item.scss +90 -0
  49. data/_sass/common/components/_menu.scss +8 -4
  50. data/_sass/common/components/_toc.scss +7 -2
  51. data/_sass/components/_article-content.scss +25 -18
  52. data/_sass/components/_article-info.scss +2 -2
  53. data/_sass/components/_article-list.scss +3 -0
  54. data/_sass/components/_author-links.scss +3 -0
  55. data/_sass/components/_author-profile.scss +5 -5
  56. data/_sass/components/_footer.scss +13 -5
  57. data/_sass/components/_header.scss +80 -46
  58. data/_sass/components/_main.scss +3 -3
  59. data/_sass/components/_search.scss +97 -0
  60. data/_sass/components/_tags.scss +3 -2
  61. data/_sass/layout/_archive.scss +5 -82
  62. data/_sass/layout/_article.scss +2 -2
  63. data/_sass/layout/_base.scss +1 -1
  64. data/_sass/layout/_home.scss +10 -68
  65. data/_sass/layout/_landing.scss +5 -6
  66. data/_sass/layout/_page.scss +34 -12
  67. data/_sass/skins/_chocolate.scss +2 -1
  68. data/_sass/skins/_dark.scss +3 -2
  69. data/_sass/skins/_default.scss +2 -1
  70. data/_sass/skins/_forest.scss +2 -1
  71. data/_sass/skins/_ocean.scss +2 -1
  72. data/_sass/skins/_orange.scss +2 -1
  73. data/_sass/skins/highlight/tomorrow/_highlight.scss +65 -65
  74. data/_sass/skins/highlight/tomorrow/_night-blue.scss +2 -2
  75. data/_sass/skins/highlight/tomorrow/_night-bright.scss +1 -1
  76. data/_sass/skins/highlight/tomorrow/_night-eighties.scss +7 -7
  77. data/_sass/skins/highlight/tomorrow/_night.scss +1 -1
  78. data/assets/css/main.scss +4 -1
  79. data/assets/search.js +3 -0
  80. metadata +14 -3
  81. data/_includes/scripts/article-list.html +0 -25
@@ -0,0 +1,3 @@
1
+ .d-none {
2
+ display: none !important;
3
+ }
@@ -60,11 +60,11 @@
60
60
  // (Placeholder selectors for each type, for those who rather @extend)
61
61
 
62
62
  @mixin flexbox {
63
- display: -webkit-box;
64
- display: -webkit-flex;
65
- display: -moz-flex;
66
- display: -ms-flexbox;
67
- display: flex;
63
+ display: -webkit-box;
64
+ display: -webkit-flex;
65
+ display: -moz-flex;
66
+ display: -ms-flexbox;
67
+ display: flex;
68
68
  }
69
69
 
70
70
  %flexbox { @include flexbox; }
@@ -72,11 +72,11 @@
72
72
  //----------------------------------
73
73
 
74
74
  @mixin inline-flex {
75
- display: -webkit-inline-box;
76
- display: -webkit-inline-flex;
77
- display: -moz-inline-flex;
78
- display: -ms-inline-flexbox;
79
- display: inline-flex;
75
+ display: -webkit-inline-box;
76
+ display: -webkit-inline-flex;
77
+ display: -moz-inline-flex;
78
+ display: -ms-inline-flexbox;
79
+ display: inline-flex;
80
80
  }
81
81
 
82
82
  %inline-flex { @include inline-flex; }
@@ -95,26 +95,26 @@
95
95
  // http://w3.org/tr/css3-flexbox/#flex-direction-property
96
96
 
97
97
  @mixin flex-direction($value: row) {
98
- @if $value == row-reverse {
99
- -webkit-box-direction: reverse;
100
- -webkit-box-orient: horizontal;
101
- } @else if $value == column {
102
- -webkit-box-direction: normal;
103
- -webkit-box-orient: vertical;
104
- } @else if $value == column-reverse {
105
- -webkit-box-direction: reverse;
106
- -webkit-box-orient: vertical;
107
- } @else {
108
- -webkit-box-direction: normal;
109
- -webkit-box-orient: horizontal;
110
- }
111
- -webkit-flex-direction: $value;
112
- -moz-flex-direction: $value;
113
- -ms-flex-direction: $value;
114
- flex-direction: $value;
98
+ @if $value == row-reverse {
99
+ -webkit-box-direction: reverse;
100
+ -webkit-box-orient: horizontal;
101
+ } @else if $value == column {
102
+ -webkit-box-direction: normal;
103
+ -webkit-box-orient: vertical;
104
+ } @else if $value == column-reverse {
105
+ -webkit-box-direction: reverse;
106
+ -webkit-box-orient: vertical;
107
+ } @else {
108
+ -webkit-box-direction: normal;
109
+ -webkit-box-orient: horizontal;
110
+ }
111
+ -webkit-flex-direction: $value;
112
+ -moz-flex-direction: $value;
113
+ -ms-flex-direction: $value;
114
+ flex-direction: $value;
115
115
  }
116
- // Shorter version:
117
- @mixin flex-dir($args...) { @include flex-direction($args...); }
116
+ // Shorter version:
117
+ @mixin flex-dir($args...) { @include flex-direction($args...); }
118
118
 
119
119
  //----------------------------------------------------------------------
120
120
 
@@ -130,15 +130,15 @@
130
130
  // http://w3.org/tr/css3-flexbox/#flex-wrap-property
131
131
 
132
132
  @mixin flex-wrap($value: nowrap) {
133
- // No Webkit Box fallback.
134
- -webkit-flex-wrap: $value;
135
- -moz-flex-wrap: $value;
136
- @if $value == nowrap {
137
- -ms-flex-wrap: none;
138
- } @else {
139
- -ms-flex-wrap: $value;
140
- }
141
- flex-wrap: $value;
133
+ // No Webkit Box fallback.
134
+ -webkit-flex-wrap: $value;
135
+ -moz-flex-wrap: $value;
136
+ @if $value == nowrap {
137
+ -ms-flex-wrap: none;
138
+ } @else {
139
+ -ms-flex-wrap: $value;
140
+ }
141
+ flex-wrap: $value;
142
142
  }
143
143
 
144
144
  //----------------------------------------------------------------------
@@ -155,11 +155,11 @@
155
155
  // http://w3.org/tr/css3-flexbox/#flex-flow-property
156
156
 
157
157
  @mixin flex-flow($values: (row nowrap)) {
158
- // No Webkit Box fallback.
159
- -webkit-flex-flow: $values;
160
- -moz-flex-flow: $values;
161
- -ms-flex-flow: $values;
162
- flex-flow: $values;
158
+ // No Webkit Box fallback.
159
+ -webkit-flex-flow: $values;
160
+ -moz-flex-flow: $values;
161
+ -ms-flex-flow: $values;
162
+ flex-flow: $values;
163
163
  }
164
164
 
165
165
  //----------------------------------------------------------------------
@@ -174,11 +174,11 @@
174
174
  // http://w3.org/tr/css3-flexbox/#order-property
175
175
 
176
176
  @mixin order($int: 0) {
177
- -webkit-box-ordinal-group: $int + 1;
178
- -webkit-order: $int;
179
- -moz-order: $int;
180
- -ms-flex-order: $int;
181
- order: $int;
177
+ -ms-flex-order: $int;
178
+ -webkit-order: $int;
179
+ -moz-order: $int;
180
+ order: $int;
181
+ -webkit-box-ordinal-group: $int + 1;
182
182
  }
183
183
 
184
184
  //----------------------------------------------------------------------
@@ -193,11 +193,11 @@
193
193
  // http://w3.org/tr/css3-flexbox/#flex-grow-property
194
194
 
195
195
  @mixin flex-grow($int: 0) {
196
- -webkit-box-flex: $int;
197
- -webkit-flex-grow: $int;
198
- -moz-flex-grow: $int;
199
- -ms-flex-positive: $int;
200
- flex-grow: $int;
196
+ -webkit-box-flex: $int;
197
+ -webkit-flex-grow: $int;
198
+ -moz-flex-grow: $int;
199
+ -ms-flex-positive: $int;
200
+ flex-grow: $int;
201
201
  }
202
202
 
203
203
  //----------------------------------------------------------------------
@@ -212,10 +212,10 @@
212
212
  // http://w3.org/tr/css3-flexbox/#flex-shrink-property
213
213
 
214
214
  @mixin flex-shrink($int: 1) {
215
- -webkit-flex-shrink: $int;
216
- -moz-flex-shrink: $int;
217
- -ms-flex-negative: $int;
218
- flex-shrink: $int;
215
+ -webkit-flex-shrink: $int;
216
+ -moz-flex-shrink: $int;
217
+ -ms-flex-negative: $int;
218
+ flex-shrink: $int;
219
219
  }
220
220
 
221
221
  //----------------------------------------------------------------------
@@ -230,10 +230,10 @@
230
230
  // http://www.w3.org/TR/css3-flexbox/#flex-basis-property
231
231
 
232
232
  @mixin flex-basis($value: auto) {
233
- -webkit-flex-basis: $value;
234
- -moz-flex-basis: $value;
235
- -ms-flex-preferred-size: $value;
236
- flex-basis: $value;
233
+ -webkit-flex-basis: $value;
234
+ -moz-flex-basis: $value;
235
+ -ms-flex-preferred-size: $value;
236
+ flex-basis: $value;
237
237
  }
238
238
 
239
239
  //----------------------------------------------------------------------
@@ -253,21 +253,21 @@
253
253
 
254
254
  @mixin flex($fg: 1, $fs: null, $fb: null) {
255
255
 
256
- // Set a variable to be used by box-flex properties
257
- $fg-boxflex: $fg;
258
-
259
- // Box-Flex only supports a flex-grow value so let's grab the
260
- // first item in the list and just return that.
261
- @if type-of($fg) == 'list' {
262
- $fg-boxflex: nth($fg, 1);
263
- }
264
-
265
- -webkit-box-flex: $fg-boxflex;
266
- -webkit-flex: $fg $fs $fb;
267
- -moz-box-flex: $fg-boxflex;
268
- -moz-flex: $fg $fs $fb;
269
- -ms-flex: $fg $fs $fb;
270
- flex: $fg $fs $fb;
256
+ // Set a variable to be used by box-flex properties
257
+ $fg-boxflex: $fg;
258
+
259
+ // Box-Flex only supports a flex-grow value so let's grab the
260
+ // first item in the list and just return that.
261
+ @if type-of($fg) == "list" {
262
+ $fg-boxflex: nth($fg, 1);
263
+ }
264
+
265
+ -webkit-box-flex: $fg-boxflex;
266
+ -webkit-flex: $fg $fs $fb;
267
+ -moz-box-flex: $fg-boxflex;
268
+ -moz-flex: $fg $fs $fb;
269
+ -ms-flex: $fg $fs $fb;
270
+ flex: $fg $fs $fb;
271
271
  }
272
272
 
273
273
  //----------------------------------------------------------------------
@@ -289,27 +289,27 @@
289
289
  // http://w3.org/tr/css3-flexbox/#justify-content-property
290
290
 
291
291
  @mixin justify-content($value: flex-start) {
292
- @if $value == flex-start {
293
- -webkit-box-pack: start;
294
- -ms-flex-pack: start;
295
- } @else if $value == flex-end {
296
- -webkit-box-pack: end;
297
- -ms-flex-pack: end;
298
- } @else if $value == space-between {
299
- -webkit-box-pack: justify;
300
- -ms-flex-pack: justify;
301
- } @else if $value == space-around {
302
- -ms-flex-pack: distribute;
303
- } @else {
304
- -webkit-box-pack: $value;
305
- -ms-flex-pack: $value;
306
- }
307
- -webkit-justify-content: $value;
308
- -moz-justify-content: $value;
309
- justify-content: $value;
292
+ @if $value == flex-start {
293
+ -webkit-box-pack: start;
294
+ -ms-flex-pack: start;
295
+ } @else if $value == flex-end {
296
+ -webkit-box-pack: end;
297
+ -ms-flex-pack: end;
298
+ } @else if $value == space-between {
299
+ -webkit-box-pack: justify;
300
+ -ms-flex-pack: justify;
301
+ } @else if $value == space-around {
302
+ -ms-flex-pack: distribute;
303
+ } @else {
304
+ -webkit-box-pack: $value;
305
+ -ms-flex-pack: $value;
306
+ }
307
+ -webkit-justify-content: $value;
308
+ -moz-justify-content: $value;
309
+ justify-content: $value;
310
310
  }
311
- // Shorter version:
312
- @mixin flex-just($args...) { @include justify-content($args...); }
311
+ // Shorter version:
312
+ @mixin flex-just($args...) { @include justify-content($args...); }
313
313
 
314
314
  //----------------------------------------------------------------------
315
315
 
@@ -329,19 +329,19 @@
329
329
  // http://w3.org/tr/css3-flexbox/#align-items-property
330
330
 
331
331
  @mixin align-items($value: stretch) {
332
- @if $value == flex-start {
333
- -webkit-box-align: start;
334
- -ms-flex-align: start;
335
- } @else if $value == flex-end {
336
- -webkit-box-align: end;
337
- -ms-flex-align: end;
338
- } @else {
339
- -webkit-box-align: $value;
340
- -ms-flex-align: $value;
341
- }
342
- -webkit-align-items: $value;
343
- -moz-align-items: $value;
344
- align-items: $value;
332
+ @if $value == flex-start {
333
+ -webkit-box-align: start;
334
+ -ms-flex-align: start;
335
+ } @else if $value == flex-end {
336
+ -webkit-box-align: end;
337
+ -ms-flex-align: end;
338
+ } @else {
339
+ -webkit-box-align: $value;
340
+ -ms-flex-align: $value;
341
+ }
342
+ -webkit-align-items: $value;
343
+ -moz-align-items: $value;
344
+ align-items: $value;
345
345
  }
346
346
 
347
347
  //----------------------------------
@@ -352,17 +352,17 @@
352
352
  // Default: auto
353
353
 
354
354
  @mixin align-self($value: auto) {
355
- // No Webkit Box Fallback.
356
- -webkit-align-self: $value;
357
- -moz-align-self: $value;
358
- @if $value == flex-start {
359
- -ms-flex-item-align: start;
360
- } @else if $value == flex-end {
361
- -ms-flex-item-align: end;
362
- } @else {
363
- -ms-flex-item-align: $value;
364
- }
365
- align-self: $value;
355
+ // No Webkit Box Fallback.
356
+ -webkit-align-self: $value;
357
+ -moz-align-self: $value;
358
+ @if $value == flex-start {
359
+ -ms-flex-item-align: start;
360
+ } @else if $value == flex-end {
361
+ -ms-flex-item-align: end;
362
+ } @else {
363
+ -ms-flex-item-align: $value;
364
+ }
365
+ align-self: $value;
366
366
  }
367
367
 
368
368
  //----------------------------------------------------------------------
@@ -380,15 +380,15 @@
380
380
  // http://w3.org/tr/css3-flexbox/#align-content-property
381
381
 
382
382
  @mixin align-content($value: stretch) {
383
- // No Webkit Box Fallback.
384
- -webkit-align-content: $value;
385
- -moz-align-content: $value;
386
- @if $value == flex-start {
387
- -ms-flex-line-pack: start;
388
- } @else if $value == flex-end {
389
- -ms-flex-line-pack: end;
390
- } @else {
391
- -ms-flex-line-pack: $value;
392
- }
393
- align-content: $value;
383
+ // No Webkit Box Fallback.
384
+ -webkit-align-content: $value;
385
+ -moz-align-content: $value;
386
+ @if $value == flex-start {
387
+ -ms-flex-line-pack: start;
388
+ } @else if $value == flex-end {
389
+ -ms-flex-line-pack: end;
390
+ } @else {
391
+ -ms-flex-line-pack: $value;
392
+ }
393
+ align-content: $value;
394
394
  }
@@ -3,8 +3,8 @@ $grid-columns: 12;
3
3
  @mixin make-col($columns) {
4
4
  .col-#{$columns} {
5
5
  display: inline-block;
6
- letter-spacing: normal;
7
6
  width: percentage($columns / $grid-columns);
7
+ letter-spacing: normal;
8
8
  }
9
9
  }
10
10
 
@@ -12,8 +12,8 @@ $grid-columns: 12;
12
12
  @include media-breakpoint-down(lg) {
13
13
  .col-md-#{$columns} {
14
14
  display: inline-block;
15
- letter-spacing: normal;
16
15
  width: percentage($columns / $grid-columns);
16
+ letter-spacing: normal;
17
17
  }
18
18
  }
19
19
  }
@@ -22,8 +22,8 @@ $grid-columns: 12;
22
22
  @include media-breakpoint-down(md) {
23
23
  .col-sm-#{$columns} {
24
24
  display: inline-block;
25
- letter-spacing: normal;
26
25
  width: percentage($columns / $grid-columns);
26
+ letter-spacing: normal;
27
27
  }
28
28
  }
29
29
  }
@@ -1,11 +1,11 @@
1
1
  @mixin horizontal-rules() {
2
2
  &::before {
3
- content: '...';
3
+ display: block;
4
4
  font-size: map-get($base, font-size-h2);
5
5
  color: $text-color-l;
6
- display: block;
7
- letter-spacing: map-get($spacers, 4);
8
6
  text-align: center;
7
+ letter-spacing: map-get($spacers, 4);
8
+ content: "...";
9
9
  }
10
10
  }
11
11
 
@@ -1,8 +1,8 @@
1
1
  @mixin overflow($overflow: auto) {
2
2
  @if $overflow == auto {
3
- overflow: auto;
4
- -webkit-overflow-scrolling: touch;
3
+ overflow: auto;
4
+ -webkit-overflow-scrolling: touch;
5
5
  } @else {
6
- overflow: $overflow;
6
+ overflow: $overflow;
7
7
  }
8
8
  }
@@ -3,43 +3,43 @@
3
3
  $_type: null;
4
4
  $_dirs: null;
5
5
 
6
- @if ($type == 'm') {
7
- $_type: 'margin';
8
- } @else if ($type == 'p') {
9
- $_type: 'padding';
6
+ @if ($type == "m") {
7
+ $_type: "margin";
8
+ } @else if ($type == "p") {
9
+ $_type: "padding";
10
10
  }
11
11
 
12
- @if ($direction == 't') {
13
- $_dirs: ('top');
12
+ @if ($direction == "t") {
13
+ $_dirs: ("top");
14
14
  }
15
- @else if ($direction == 'b') {
16
- $_dirs: ('bottom');
15
+ @else if ($direction == "b") {
16
+ $_dirs: ("bottom");
17
17
  }
18
- @else if ($direction == 'l') {
19
- $_dirs: ('left');
18
+ @else if ($direction == "l") {
19
+ $_dirs: ("left");
20
20
  }
21
- @else if ($direction == 'r') {
22
- $_dirs: ('right');
21
+ @else if ($direction == "r") {
22
+ $_dirs: ("right");
23
23
  }
24
- @else if ($direction == 'x') {
25
- $_dirs: ('left', 'right');
24
+ @else if ($direction == "x") {
25
+ $_dirs: ("left", "right");
26
26
  }
27
- @else if ($direction == 'y') {
28
- $_dirs: ('top', 'bottom');
27
+ @else if ($direction == "y") {
28
+ $_dirs: ("top", "bottom");
29
29
  }
30
- @else if ($direction == '') {
31
- $_dirs: ('');
30
+ @else if ($direction == "") {
31
+ $_dirs: ("");
32
32
  }
33
33
 
34
34
  @each $dir in $_dirs {
35
- @if ($spacer == 'auto') {
36
- @if ($dir == '') {
35
+ @if ($spacer == "auto") {
36
+ @if ($dir == "") {
37
37
  #{$_type}: auto;
38
38
  } @else {
39
39
  #{$_type}-#{$dir}: auto;
40
40
  }
41
41
  } @else {
42
- @if ($dir == '') {
42
+ @if ($dir == "") {
43
43
  #{$_type}: map-get($spacers, $spacer);
44
44
  } @else {
45
45
  #{$_type}-#{$dir}: map-get($spacers, $spacer);
@@ -49,8 +49,8 @@
49
49
  }
50
50
 
51
51
 
52
- $_types: ('m', 'p');
53
- $_directions: ('t', 'b', 'l', 'r', 'x', 'y', '');
52
+ $_types: ("m", "p");
53
+ $_directions: ("t", "b", "l", "r", "x", "y", "");
54
54
  $_spacers: (0, 1, 2, 3, 4, 5);
55
55
 
56
56
  @each $i in $_types {
@@ -65,6 +65,6 @@ $_spacers: (0, 1, 2, 3, 4, 5);
65
65
 
66
66
  @each $j in $_directions {
67
67
  .m#{$j}-auto {
68
- @include make-spacing('m', $j, 'auto');
68
+ @include make-spacing("m", $j, "auto");
69
69
  }
70
70
  }