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.
- checksums.yaml +4 -4
- data/README.md +2 -2
- data/_data/locale.yml +12 -0
- data/_includes/analytics-providers/google.html +7 -9
- data/_includes/article-info.html +19 -35
- data/_includes/article-list.html +73 -0
- data/_includes/author-links.html +7 -0
- data/_includes/header.html +13 -9
- data/_includes/markdown-enhancements.html +3 -3
- data/_includes/paginator.html +73 -72
- data/_includes/scripts/archieve.js +57 -160
- data/_includes/scripts/aside/affix.js +2 -0
- data/_includes/scripts/lib/affix.js +8 -6
- data/_includes/scripts/lib/toc.js +3 -5
- data/_includes/scripts/search-data.js +14 -0
- data/_includes/scripts/search.js +177 -0
- data/_includes/scripts/utils.js +1 -1
- data/_includes/scripts/variables.html +6 -0
- data/_includes/search.html +24 -0
- data/_includes/snippets/is_collection.html +6 -0
- data/_includes/snippets/prepend-baseurl.html +4 -1
- data/_includes/snippets/prepend-path.html +1 -0
- data/_includes/svg/icon/social/npm.svg +9 -0
- data/_includes/tags.html +2 -2
- data/_layouts/archive.html +3 -9
- data/_layouts/base.html +1 -0
- data/_layouts/home.html +1 -28
- data/_layouts/landing.html +11 -4
- data/_layouts/page.html +18 -8
- data/_sass/common/_classes.scss +1 -0
- data/_sass/common/_function.scss +2 -2
- data/_sass/common/_reset.scss +5 -5
- data/_sass/common/_variables.scss +22 -14
- data/_sass/common/classes/_animation.scss +1 -1
- data/_sass/common/classes/_clearfix.scss +7 -3
- data/_sass/common/classes/_clickable.scss +13 -13
- data/_sass/common/classes/_display.scss +3 -0
- data/_sass/common/classes/_flex.scss +131 -131
- data/_sass/common/classes/_grid.scss +3 -3
- data/_sass/common/classes/_horizontal-rules.scss +3 -3
- data/_sass/common/classes/_overflow.scss +3 -3
- data/_sass/common/classes/_spacing.scss +24 -24
- data/_sass/common/classes/_transform.scss +1 -1
- data/_sass/common/classes/_transition.scss +1 -1
- data/_sass/common/classes/_user-select.scss +3 -3
- data/_sass/common/components/_button.scss +19 -9
- data/_sass/common/components/_card.scss +2 -2
- data/_sass/common/components/_item.scss +90 -0
- data/_sass/common/components/_menu.scss +8 -4
- data/_sass/common/components/_toc.scss +7 -2
- data/_sass/components/_article-content.scss +25 -18
- data/_sass/components/_article-info.scss +2 -2
- data/_sass/components/_article-list.scss +3 -0
- data/_sass/components/_author-links.scss +3 -0
- data/_sass/components/_author-profile.scss +5 -5
- data/_sass/components/_footer.scss +13 -5
- data/_sass/components/_header.scss +80 -46
- data/_sass/components/_main.scss +3 -3
- data/_sass/components/_search.scss +97 -0
- data/_sass/components/_tags.scss +3 -2
- data/_sass/layout/_archive.scss +5 -82
- data/_sass/layout/_article.scss +2 -2
- data/_sass/layout/_base.scss +1 -1
- data/_sass/layout/_home.scss +10 -68
- data/_sass/layout/_landing.scss +5 -6
- data/_sass/layout/_page.scss +34 -12
- data/_sass/skins/_chocolate.scss +2 -1
- data/_sass/skins/_dark.scss +3 -2
- data/_sass/skins/_default.scss +2 -1
- data/_sass/skins/_forest.scss +2 -1
- data/_sass/skins/_ocean.scss +2 -1
- data/_sass/skins/_orange.scss +2 -1
- data/_sass/skins/highlight/tomorrow/_highlight.scss +65 -65
- data/_sass/skins/highlight/tomorrow/_night-blue.scss +2 -2
- data/_sass/skins/highlight/tomorrow/_night-bright.scss +1 -1
- data/_sass/skins/highlight/tomorrow/_night-eighties.scss +7 -7
- data/_sass/skins/highlight/tomorrow/_night.scss +1 -1
- data/assets/css/main.scss +4 -1
- data/assets/search.js +3 -0
- metadata +14 -3
- data/_includes/scripts/article-list.html +0 -25
@@ -60,11 +60,11 @@
|
|
60
60
|
// (Placeholder selectors for each type, for those who rather @extend)
|
61
61
|
|
62
62
|
@mixin flexbox {
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
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
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
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
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
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
|
-
|
117
|
-
|
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
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
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
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
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
|
-
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
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
|
-
|
197
|
-
|
198
|
-
|
199
|
-
|
200
|
-
|
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
|
-
|
216
|
-
|
217
|
-
|
218
|
-
|
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
|
-
|
234
|
-
|
235
|
-
|
236
|
-
|
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
|
-
|
257
|
-
|
258
|
-
|
259
|
-
|
260
|
-
|
261
|
-
|
262
|
-
|
263
|
-
|
264
|
-
|
265
|
-
|
266
|
-
|
267
|
-
|
268
|
-
|
269
|
-
|
270
|
-
|
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
|
-
|
293
|
-
|
294
|
-
|
295
|
-
|
296
|
-
|
297
|
-
|
298
|
-
|
299
|
-
|
300
|
-
|
301
|
-
|
302
|
-
|
303
|
-
|
304
|
-
|
305
|
-
|
306
|
-
|
307
|
-
|
308
|
-
|
309
|
-
|
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
|
-
|
312
|
-
|
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
|
-
|
333
|
-
|
334
|
-
|
335
|
-
|
336
|
-
|
337
|
-
|
338
|
-
|
339
|
-
|
340
|
-
|
341
|
-
|
342
|
-
|
343
|
-
|
344
|
-
|
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
|
-
|
356
|
-
|
357
|
-
|
358
|
-
|
359
|
-
|
360
|
-
|
361
|
-
|
362
|
-
|
363
|
-
|
364
|
-
|
365
|
-
|
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
|
-
|
384
|
-
|
385
|
-
|
386
|
-
|
387
|
-
|
388
|
-
|
389
|
-
|
390
|
-
|
391
|
-
|
392
|
-
|
393
|
-
|
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
|
-
|
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
|
|
@@ -3,43 +3,43 @@
|
|
3
3
|
$_type: null;
|
4
4
|
$_dirs: null;
|
5
5
|
|
6
|
-
@if ($type ==
|
7
|
-
$_type:
|
8
|
-
} @else if ($type ==
|
9
|
-
$_type:
|
6
|
+
@if ($type == "m") {
|
7
|
+
$_type: "margin";
|
8
|
+
} @else if ($type == "p") {
|
9
|
+
$_type: "padding";
|
10
10
|
}
|
11
11
|
|
12
|
-
@if ($direction ==
|
13
|
-
$_dirs: (
|
12
|
+
@if ($direction == "t") {
|
13
|
+
$_dirs: ("top");
|
14
14
|
}
|
15
|
-
@else if ($direction ==
|
16
|
-
$_dirs: (
|
15
|
+
@else if ($direction == "b") {
|
16
|
+
$_dirs: ("bottom");
|
17
17
|
}
|
18
|
-
@else if ($direction ==
|
19
|
-
$_dirs: (
|
18
|
+
@else if ($direction == "l") {
|
19
|
+
$_dirs: ("left");
|
20
20
|
}
|
21
|
-
@else if ($direction ==
|
22
|
-
$_dirs: (
|
21
|
+
@else if ($direction == "r") {
|
22
|
+
$_dirs: ("right");
|
23
23
|
}
|
24
|
-
@else if ($direction ==
|
25
|
-
$_dirs: (
|
24
|
+
@else if ($direction == "x") {
|
25
|
+
$_dirs: ("left", "right");
|
26
26
|
}
|
27
|
-
@else if ($direction ==
|
28
|
-
$_dirs: (
|
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 ==
|
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: (
|
53
|
-
$_directions: (
|
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(
|
68
|
+
@include make-spacing("m", $j, "auto");
|
69
69
|
}
|
70
70
|
}
|