jekyll-text-theme 2.2.3 → 2.2.4

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 (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
@@ -1,7 +1,3 @@
1
- .root {
2
- height: 100%;
3
- }
4
-
5
1
  .icon {
6
2
  display: block;
7
3
  > svg {
@@ -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 {
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
File without changes