jekyll-text-theme 2.2.3 → 2.2.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (45) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +13 -1
  3. data/README.md +2 -2
  4. data/_data/variables.yml +2 -0
  5. data/_includes/comments-providers/valine.html +33 -0
  6. data/_includes/comments.html +2 -0
  7. data/_includes/scripts/components/lightbox.js +49 -0
  8. data/_includes/scripts/components/search/search.js +30 -45
  9. data/_includes/scripts/components/sidebar.js +2 -5
  10. data/_includes/scripts/lib/affix.js +1 -1
  11. data/_includes/scripts/lib/gallery.js +89 -0
  12. data/_includes/scripts/lib/modal.js +62 -0
  13. data/_includes/scripts/lib/swiper.js +65 -34
  14. data/_includes/scripts/lib/toc.js +1 -1
  15. data/_includes/scripts/utils/imagesLoad.js +28 -0
  16. data/_includes/scripts/{utils.js → utils/utils.js} +8 -3
  17. data/_includes/scripts/variables.html +2 -1
  18. data/_includes/search.html +2 -4
  19. data/_layouts/base.html +4 -2
  20. data/_layouts/page.html +20 -7
  21. data/_sass/common/_reset.scss +5 -10
  22. data/_sass/common/_variables.scss +10 -10
  23. data/_sass/common/classes/_overflow.scss +22 -4
  24. data/_sass/common/components/_button.scss +20 -1
  25. data/_sass/common/components/_card.scss +1 -0
  26. data/_sass/common/components/_gallery.scss +21 -0
  27. data/_sass/common/components/_item.scss +1 -1
  28. data/_sass/common/components/_modal.scss +39 -0
  29. data/_sass/common/components/_swiper.scss +7 -4
  30. data/_sass/common/components/_toc.scss +47 -50
  31. data/_sass/components/_article-content.scss +1 -1
  32. data/_sass/components/_header.scss +1 -1
  33. data/_sass/components/_lightbox.scss +7 -0
  34. data/_sass/components/_search.scss +52 -26
  35. data/_sass/layout/_base.scss +0 -4
  36. data/_sass/layout/_page.scss +17 -54
  37. data/_sass/skins/_chocolate.scss +4 -1
  38. data/_sass/skins/_dark.scss +4 -1
  39. data/_sass/skins/_default.scss +4 -1
  40. data/_sass/skins/_forest.scss +4 -1
  41. data/_sass/skins/_ocean.scss +9 -6
  42. data/_sass/skins/_orange.scss +4 -1
  43. data/assets/css/main.scss +3 -0
  44. metadata +11 -4
  45. data/_includes/comments-providers/custom.html +0 -0
data/_sass/layout/_base.scss CHANGED
@@ -1,7 +1,3 @@
1
- .root {
2
- height: 100%;
3
- }
4
-
5
1
  .icon {
6
2
  display: block;
7
3
  > svg {
data/_sass/layout/_page.scss CHANGED
@@ -1,19 +1,20 @@
1
- .layout--page {
2
- height: 100%;
3
-
4
- .page__viewport {
5
- height: 100%;
6
- }
7
-
1
+ @include media-breakpoint-up(lg) {
2
+ body,
3
+ html,
4
+ .root,
5
+ .layout--page,
6
+ .page__viewport,
8
7
  .page__grid {
9
8
  height: 100%;
10
9
  }
10
+ }
11
11
 
12
+ .layout--page {
12
13
  .page__actions {
13
14
  position: fixed;
14
- bottom: map-get($spacers, 3);
15
+ bottom: map-get($spacers, 5);
15
16
  left: map-get($spacers, 3);
16
- z-index: map-get($z-index, actions);
17
+ z-index: map-get($z-indexes, actions);
17
18
  display: none;
18
19
  }
19
20
 
@@ -22,7 +23,7 @@
22
23
  }
23
24
 
24
25
  .page__sidebar {
25
- z-index: map-get($z-index, sidebar);
26
+ z-index: map-get($z-indexes, sidebar);
26
27
  display: block;
27
28
  width: 80%;
28
29
  max-width: map-get($layout, sidebar-width);
@@ -37,19 +38,8 @@
37
38
  }
38
39
 
39
40
  .page__mask {
40
- position: fixed;
41
- top: 0;
42
- right: 0;
43
- bottom: 0;
44
- left: 0;
45
- z-index: map-get($z-index, mask);
46
- display: none;
41
+ @include modal(map-get($z-indexes, mask));
47
42
  cursor: pointer;
48
- background-color: $mask-color;
49
- }
50
-
51
- .page__main {
52
- height: 100%;
53
43
  }
54
44
  &.layout--page--sidebar {
55
45
  .page__main {
@@ -65,17 +55,10 @@
65
55
  @include overflow(unset);
66
56
  }
67
57
  }
68
- &.layout--page--sidebar.show-sidebar {
69
- .page__main {
70
- @include overflow(auto);
71
- }
72
- }
73
58
  }
74
59
 
75
60
  .page__main-inner {
76
61
  position: relative;
77
- height: auto !important;
78
- height: 100%;
79
62
  min-height: 100%;
80
63
  color: $text-color;
81
64
  background-color: $background-color;
@@ -85,7 +68,7 @@
85
68
  & > aside {
86
69
  position: absolute;
87
70
  width: map-get($layout, aside-width);
88
- overflow: hidden;
71
+ @include overflow(hidden);
89
72
  }
90
73
  }
91
74
  }
@@ -149,37 +132,17 @@
149
132
  }
150
133
 
151
134
  &.show-sidebar {
135
+ .page__actions {
136
+ visibility: hidden;
137
+ }
152
138
  .page__sidebar {
153
139
  @include transform(translate(0));
154
140
  }
155
141
  .page__mask {
156
- display: block;
142
+ @include modal--show();
157
143
  }
158
144
  }
159
145
  }
160
- .page__search-panel {
161
- position: absolute;
162
- top: 0;
163
- right: 0;
164
- bottom: 0;
165
- left: 0;
166
- z-index: map-get($z-index, search);
167
- display: none;
168
- color: $text-color-theme-dark;
169
- background-color: $mask-color;
170
- @include overflow(auto);
171
- }
172
- &.show-search-panel {
173
- .page__viewport {
174
- filter: blur(28px);
175
- }
176
- .page__main {
177
- @include overflow(hidden);
178
- }
179
- .page__search-panel {
180
- display: block;
181
- }
182
- }
183
146
 
184
147
  .hero--light {
185
148
  .article__info {
data/_sass/skins/_chocolate.scss CHANGED
@@ -14,6 +14,9 @@ $text-color-2: rgba(#fff, .85);
14
14
  $main-color-3: #b49b92;
15
15
  $text-color-3: rgba(#fff, .85);
16
16
 
17
+ $main-color-theme-light: rgba(#000, .9);
18
+ $main-color-theme-dark: rgba(#fff, .9);
19
+
17
20
  // page background
18
21
  $background-color: #d2c2bc;
19
22
 
@@ -43,7 +46,7 @@ $footer-background: $main-color-3;
43
46
  $border-color: $main-color-3;
44
47
  $border-color-l: mix(#000, $background-color, 10%);
45
48
  $decorate-color: rgba(#000, .1);
46
- $mask-color: rgba(#000, .8);
49
+ $mask-color: rgba(#000, .9);
47
50
  $select-color: rgba($main-color-3, .5);
48
51
 
49
52
  // function colors
data/_sass/skins/_dark.scss CHANGED
@@ -14,6 +14,9 @@ $text-color-2: rgba(#fff, .8);
14
14
  $main-color-3: #202020;
15
15
  $text-color-3: rgba(#fff, .8);
16
16
 
17
+ $main-color-theme-light: rgba(#000, .8);
18
+ $main-color-theme-dark: rgba(#fff, .8);
19
+
17
20
  // page background
18
21
  $background-color: #121212;
19
22
 
@@ -43,7 +46,7 @@ $footer-background: $main-color-3;
43
46
  $border-color: mix(#fff, $background-color, 20%);
44
47
  $border-color-l: mix(#fff, $background-color, 10%);
45
48
  $decorate-color: rgba(#fff, .1);
46
- $mask-color: rgba(#000, .8);
49
+ $mask-color: rgba(#000, .9);
47
50
  $select-color: rgba($main-color-1, .5);
48
51
 
49
52
  // function colors
data/_sass/skins/_default.scss CHANGED
@@ -14,6 +14,9 @@ $text-color-2: #fff;
14
14
  $main-color-3: #f2f2f2;
15
15
  $text-color-3: #333;
16
16
 
17
+ $main-color-theme-light: rgba(#000, .9);
18
+ $main-color-theme-dark: rgba(#fff, .9);
19
+
17
20
  // page background
18
21
  $background-color: #fff;
19
22
 
@@ -43,7 +46,7 @@ $footer-background: $main-color-3;
43
46
  $border-color: mix(#000, $background-color, 20%);
44
47
  $border-color-l: mix(#000, $background-color, 10%);
45
48
  $decorate-color: rgba(#000, .1);
46
- $mask-color: rgba(#000, .8);
49
+ $mask-color: rgba(#000, .9);
47
50
  $select-color: rgba($main-color-1, .5);
48
51
 
49
52
  // function colors
data/_sass/skins/_forest.scss CHANGED
@@ -14,6 +14,9 @@ $text-color-2: #fff;
14
14
  $main-color-3: #7cc7bb;
15
15
  $text-color-3: #fff;
16
16
 
17
+ $main-color-theme-light: rgba(#000, .9);
18
+ $main-color-theme-dark: rgba(#fff, .9);
19
+
17
20
  // page background
18
21
  $background-color: #f8fcfb;
19
22
 
@@ -43,7 +46,7 @@ $footer-background: $main-color-3;
43
46
  $border-color: #3e758f;
44
47
  $border-color-l: mix(#000, $background-color, 10%);
45
48
  $decorate-color: rgba(#bb6170, .15);
46
- $mask-color: rgba(#000, .8);
49
+ $mask-color: rgba(#000, .9);
47
50
  $select-color: rgba($main-color-1, .5);
48
51
 
49
52
  // function colors
data/_sass/skins/_ocean.scss CHANGED
@@ -5,17 +5,20 @@
5
5
  ///
6
6
 
7
7
  // main colors
8
- $main-color-1: #125c9f;
8
+ $main-color-1: #0366d6;
9
9
  $text-color-1: #fff;
10
10
 
11
11
  $main-color-2: #a5917f;
12
12
  $text-color-2: #fff;
13
13
 
14
- $main-color-3: #e1f5ff;
15
- $text-color-3: #00537f;
14
+ $main-color-3: #f1f8ff;
15
+ $text-color-3: #0366d6;
16
+
17
+ $main-color-theme-light: rgba(#000, .9);
18
+ $main-color-theme-dark: rgba(#fff, .9);
16
19
 
17
20
  // page background
18
- $background-color: #f5fcff;
21
+ $background-color: #fff;
19
22
 
20
23
  // text colors
21
24
  $text-color-theme-light-d: rgba(#000, .95);
@@ -40,10 +43,10 @@ $footer-text-color: $text-color-3;
40
43
  $footer-background: $main-color-3;
41
44
 
42
45
  // border and shadow colors
43
- $border-color: #125c9f;
46
+ $border-color: mix(#000, $background-color, 20%);
44
47
  $border-color-l: mix(#000, $background-color, 10%);
45
48
  $decorate-color: rgba(#000, .1);
46
- $mask-color: rgba(#000, .8);
49
+ $mask-color: rgba(#000, .9);
47
50
  $select-color: rgba($main-color-1, .5);
48
51
 
49
52
  // function colors
data/_sass/skins/_orange.scss CHANGED
@@ -14,6 +14,9 @@ $text-color-2: #fff;
14
14
  $main-color-3: #ff8a64;
15
15
  $text-color-3: #fff;
16
16
 
17
+ $main-color-theme-light: rgba(#000, .9);
18
+ $main-color-theme-dark: rgba(#fff, .9);
19
+
17
20
  // page background
18
21
  $background-color: #fffdfa;
19
22
 
@@ -43,7 +46,7 @@ $footer-background: linear-gradient(60deg, #ffa650 0%, #ff7b50 100%);
43
46
  $border-color: mix($main-color-1, $background-color, 50%);
44
47
  $border-color-l: mix(#000, $background-color, 10%);
45
48
  $decorate-color: rgba(#000, .1);
46
- $mask-color: rgba(#000, .8);
49
+ $mask-color: rgba(#000, .9);
47
50
  $select-color: rgba($main-color-3, .5);
48
51
 
49
52
  // function colors
data/assets/css/main.scss CHANGED
@@ -30,8 +30,10 @@
30
30
  "common/components/button",
31
31
  "common/components/image",
32
32
  "common/components/card",
33
+ "common/components/gallery",
33
34
  "common/components/hero",
34
35
  "common/components/menu",
36
+ "common/components/modal",
35
37
  "common/components/toc",
36
38
  "common/components/item",
37
39
  "common/components/swiper",
@@ -51,6 +53,7 @@
51
53
  "components/author-profile",
52
54
  "components/tags",
53
55
  "components/search",
56
+ "components/lightbox",
54
57
  "components/extensions",
55
58
 
56
59
 
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-text-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.2.3
4
+ version: 2.2.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Tian Qi
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2018-11-11 00:00:00.000000000 Z
11
+ date: 2018-12-10 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -135,9 +135,9 @@ files:
135
135
  - _includes/article-section-navigator.html
136
136
  - _includes/aside/toc.html
137
137
  - _includes/author-links.html
138
- - _includes/comments-providers/custom.html
139
138
  - _includes/comments-providers/disqus.html
140
139
  - _includes/comments-providers/gitalk.html
140
+ - _includes/comments-providers/valine.html
141
141
  - _includes/comments.html
142
142
  - _includes/extensions/bilibili.html
143
143
  - _includes/extensions/codepen.html
@@ -166,18 +166,22 @@ files:
166
166
  - _includes/scripts/aside/affix.js
167
167
  - _includes/scripts/aside/toc.js
168
168
  - _includes/scripts/common.js
169
+ - _includes/scripts/components/lightbox.js
169
170
  - _includes/scripts/components/search/search-data.js
170
171
  - _includes/scripts/components/search/search.js
171
172
  - _includes/scripts/components/sidebar.js
172
173
  - _includes/scripts/home.js
173
174
  - _includes/scripts/lib/affix.js
175
+ - _includes/scripts/lib/gallery.js
174
176
  - _includes/scripts/lib/lazyload.js
177
+ - _includes/scripts/lib/modal.js
175
178
  - _includes/scripts/lib/scroll-to.js
176
179
  - _includes/scripts/lib/swiper.js
177
180
  - _includes/scripts/lib/throttle.js
178
181
  - _includes/scripts/lib/toc.js
179
182
  - _includes/scripts/page.js
180
- - _includes/scripts/utils.js
183
+ - _includes/scripts/utils/imagesLoad.js
184
+ - _includes/scripts/utils/utils.js
181
185
  - _includes/scripts/variables.html
182
186
  - _includes/search.html
183
187
  - _includes/sharing-providers/addthis.html
@@ -252,10 +256,12 @@ files:
252
256
  - _sass/common/classes/_user-select.scss
253
257
  - _sass/common/components/_button.scss
254
258
  - _sass/common/components/_card.scss
259
+ - _sass/common/components/_gallery.scss
255
260
  - _sass/common/components/_hero.scss
256
261
  - _sass/common/components/_image.scss
257
262
  - _sass/common/components/_item.scss
258
263
  - _sass/common/components/_menu.scss
264
+ - _sass/common/components/_modal.scss
259
265
  - _sass/common/components/_swiper.scss
260
266
  - _sass/common/components/_toc.scss
261
267
  - _sass/components/_article-content.scss
@@ -267,6 +273,7 @@ files:
267
273
  - _sass/components/_extensions.scss
268
274
  - _sass/components/_footer.scss
269
275
  - _sass/components/_header.scss
276
+ - _sass/components/_lightbox.scss
270
277
  - _sass/components/_main.scss
271
278
  - _sass/components/_search.scss
272
279
  - _sass/components/_tags.scss
data/_includes/comments-providers/custom.html DELETED
File without changes