jekyll-text-theme 2.0.2 → 2.1.0

Sign up to get free protection for your applications and to get access to all the features.
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
  }