jekyll-text-theme 2.2.2 → 2.2.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (59) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +10 -1
  3. data/README.md +11 -12
  4. data/_includes/article-footer/author-profile.html +1 -1
  5. data/_includes/article-list.html +3 -3
  6. data/_includes/extensions/codepen.html +4 -0
  7. data/_includes/extensions/youtube.html +1 -1
  8. data/_includes/scripts/article.js +1 -1
  9. data/_includes/scripts/{search-data.js → components/search/search-data.js} +0 -0
  10. data/_includes/scripts/{search.js → components/search/search.js} +0 -0
  11. data/_includes/scripts/lib/affix.js +83 -86
  12. data/_includes/scripts/lib/{scroll.js → scroll-to.js} +0 -0
  13. data/_includes/scripts/lib/swiper.js +150 -0
  14. data/_includes/scripts/lib/toc.js +83 -82
  15. data/_includes/scripts/variables.html +1 -1
  16. data/_includes/search.html +1 -1
  17. data/_includes/sharing-providers/addthis.html +9 -0
  18. data/_includes/sharing.html +3 -1
  19. data/_layouts/article.html +3 -1
  20. data/_layouts/landing.html +1 -1
  21. data/_layouts/page.html +19 -10
  22. data/_sass/additional/_alert.scss +4 -4
  23. data/_sass/common/_classes.scss +1 -1
  24. data/_sass/common/_function.scss +8 -0
  25. data/_sass/common/_print.scss +20 -0
  26. data/_sass/common/_reset.scss +5 -2
  27. data/_sass/common/_variables.scss +2 -4
  28. data/_sass/common/classes/_clickable.scss +21 -0
  29. data/_sass/common/classes/_display.scss +14 -3
  30. data/_sass/common/classes/_grid.scss +25 -76
  31. data/_sass/common/classes/_media.scss +2 -2
  32. data/_sass/common/classes/_pseudo.scss +8 -1
  33. data/_sass/common/classes/_shadow.scss +2 -2
  34. data/_sass/common/components/_button.scss +1 -7
  35. data/_sass/common/components/_card.scss +2 -2
  36. data/_sass/common/components/_hero.scss +1 -1
  37. data/_sass/common/components/_item.scss +14 -9
  38. data/_sass/common/components/_swiper.scss +45 -0
  39. data/_sass/common/components/_toc.scss +9 -9
  40. data/_sass/components/_article-content.scss +35 -17
  41. data/_sass/components/_article-header.scss +1 -1
  42. data/_sass/components/_article-info.scss +2 -2
  43. data/_sass/components/_article-list.scss +2 -2
  44. data/_sass/components/_author-profile.scss +7 -7
  45. data/_sass/components/_extensions.scss +8 -2
  46. data/_sass/components/_footer.scss +4 -4
  47. data/_sass/components/_header.scss +1 -1
  48. data/_sass/components/_search.scss +6 -6
  49. data/_sass/components/_tags.scss +1 -2
  50. data/_sass/custom.scss +0 -0
  51. data/_sass/layout/_404.scss +2 -2
  52. data/_sass/layout/_archive.scss +1 -1
  53. data/_sass/layout/_article.scss +5 -5
  54. data/_sass/layout/_articles.scss +1 -2
  55. data/_sass/layout/_home.scss +1 -1
  56. data/_sass/layout/_page.scss +12 -1
  57. data/assets/css/main.scss +5 -1
  58. data/assets/search.js +1 -1
  59. metadata +11 -5
@@ -1,6 +1,6 @@
1
1
  .article__header {
2
2
  margin-top: map-get($spacers, 5);
3
- margin-bottom: map-get($base, vertical-space-lg);
3
+ margin-bottom: map-get($spacers, 4);
4
4
  @include media-breakpoint-down(md) {
5
5
  margin-top: map-get($spacers, 4);
6
6
  }
@@ -16,8 +16,8 @@
16
16
  & > li {
17
17
  &:not(:last-child) {
18
18
  @include split-line(right, default, $text-color-l);
19
- padding-right: .7rem;
20
- margin-right: .7rem;
19
+ padding-right: map-get($spacers, 2);
20
+ margin-right: map-get($spacers, 2);
21
21
  line-height: map-get($base, line-height-xs);
22
22
  }
23
23
  }
@@ -1,11 +1,11 @@
1
1
  .article-list {
2
2
  .item__meta {
3
- padding: 0 1rem 0 0;
3
+ padding: 0 map-get($spacers, 3) 0 0;
4
4
  font-family: map-get($base, font-family-code);
5
5
  font-size: map-get($base, font-size-sm);
6
6
  white-space: nowrap;
7
7
  }
8
8
  }
9
9
  .article-list__group-header {
10
- margin-top: map-get($base, vertical-space) * 2;
10
+ margin-top: map-get($spacers, 3);
11
11
  }
@@ -1,17 +1,17 @@
1
1
  .author-profile {
2
2
  max-width: 25rem;
3
- padding: .5rem 1rem;
4
- margin: map-get($base, vertical-space-lg) 0;
3
+ padding: map-get($spacers, 2) map-get($spacers, 3);
4
+ margin: map-get($spacers, 4) 0;
5
5
  font-size: map-get($base, font-size-sm);
6
6
  background-color: $text-background-color;
7
7
  @include media-breakpoint-down(md) {
8
8
  text-align: center;
9
9
  }
10
- img {
11
- width: 5rem;
12
- margin-top: map-get($base, vertical-space);
13
- border-radius: 50%;
14
- }
10
+ }
11
+ .author-profile__avatar {
12
+ width: 5rem;
13
+ margin-top: map-get($spacers, 2);
14
+ border-radius: 50%;
15
15
  }
16
16
  .author-profile__name {
17
17
  font-size: map-get($base, font-size-lg);
@@ -1,8 +1,9 @@
1
1
  .extensions {
2
- margin: map-get($base, vertical-space-lg) 0;
2
+ margin: map-get($spacers, 3) 0;
3
+ @extend .d-print-none;
3
4
  }
4
5
 
5
- .extensions--video, .extensions--slide {
6
+ .extensions--video, .extensions--slide, .extensions--demo {
6
7
  position: relative;
7
8
  width: 100%;
8
9
  padding: 0;
@@ -23,6 +24,11 @@
23
24
  padding-top: percentage(487 / 599);
24
25
  }
25
26
 
27
+ .extensions--demo {
28
+ min-height: 340px;
29
+ padding-top: percentage(315 / 560);
30
+ }
31
+
26
32
  .extensions--audio {
27
33
  display: block;
28
34
  max-width: 100% !important;
@@ -14,7 +14,7 @@
14
14
  @include link-colors ($footer-text-color, $main-color-1);
15
15
  }
16
16
  .site-info {
17
- margin: 1rem auto 0 auto;
17
+ margin: map-get($spacers, 3) auto 0 auto;
18
18
  font-size: map-get($base, font-size-xs);
19
19
  text-align: center;
20
20
  .menu {
@@ -22,8 +22,8 @@
22
22
  & > * {
23
23
  &:not(:last-child) {
24
24
  @include split-line(right, default, $footer-text-color);
25
- padding-right: .3rem;
26
- margin-right: .3rem;
25
+ padding-right: map-get($spacers, 1);
26
+ margin-right: map-get($spacers, 1);
27
27
  }
28
28
  }
29
29
  }
@@ -32,7 +32,7 @@
32
32
  .footer__author-links {
33
33
  @include overflow(auto);
34
34
  .author-links {
35
- padding-top: 1rem;
35
+ padding-top: map-get($spacers, 3);
36
36
  text-align: center;
37
37
  }
38
38
  }
@@ -51,7 +51,7 @@
51
51
  & > svg {
52
52
  width: map-get($base, font-size-h4) * 1.6;
53
53
  height: map-get($base, font-size-h4) * 1.6;
54
- margin-right: .8rem;
54
+ margin-right: map-get($spacers, 3);
55
55
  vertical-align: middle;
56
56
  @include media-breakpoint-down(md) {
57
57
  width: map-get($base, font-size-h4) * 1.2;
@@ -1,6 +1,6 @@
1
1
  .search-bar {
2
2
  @include flexbox();
3
- margin: map-get($base, vertical-space-lg) 0;
3
+ margin: map-get($spacers, 3) 0 map-get($spacers, 4) 0;
4
4
  }
5
5
  .search-box {
6
6
  position: relative;
@@ -14,7 +14,7 @@
14
14
  display: inline-block;
15
15
  width: 100%;
16
16
  height: $button-height-lg;
17
- padding: 0 1.8rem;
17
+ padding: 0 2rem;
18
18
  margin: 0;
19
19
  line-height: 1 !important;
20
20
  color: $text-color;
@@ -76,12 +76,12 @@
76
76
  }
77
77
  }
78
78
  .search-result {
79
- margin: map-get($base, vertical-space-lg) 0;
79
+ margin: map-get($spacers, 4) 0;
80
80
  font-size: map-get($base, font-size-sm);
81
81
  line-height: map-get($base, line-height-sm);
82
82
  }
83
83
  .search-result__header {
84
- margin: map-get($base, vertical-space) * 2 0 map-get($base, vertical-space) 0;
84
+ margin: map-get($spacers, 3) 0 map-get($spacers, 2) 0;
85
85
  font-size: map-get($base, font-size-lg);
86
86
  font-weight: map-get($base, font-weight-bold);
87
87
  color: $text-color-l;
@@ -96,7 +96,7 @@
96
96
  .search-result__item {
97
97
  list-style-type: none;
98
98
  a {
99
- padding: .4rem 1rem;
99
+ padding: map-get($spacers, 1) map-get($spacers, 3);
100
100
  @include transition(none);
101
101
  @include clickable($text-color, transparent, $text-color-3, $main-color-3);
102
102
  .search--light & {
@@ -119,7 +119,7 @@
119
119
  }
120
120
  }
121
121
  .search__header {
122
- margin-top: 1.5rem;
122
+ margin-top: map-get($spacers, 4);
123
123
  font-size: map-get($base, font-size-h1);
124
124
  font-weight: map-get($base, font-weight-bold);
125
125
  color: $text-color-d;
@@ -1,10 +1,9 @@
1
1
  .site-tags {
2
- margin: map-get($base, vertical-space-lg) 0;
3
2
  .tag-button {
4
3
  @include clickable($text-color-3, $main-color-3, default, default, $text-color-2,$main-color-2, $text-color-2,$main-color-2);
5
4
  & > .tag-button__count {
6
5
  display: inline-block;
7
- margin-left: .2rem;
6
+ margin-left: map-get($spacers, 1);
8
7
  font-size: map-get($base, font-size-xs);
9
8
  line-height: 1;
10
9
  vertical-align: top;
File without changes
@@ -1,8 +1,8 @@
1
1
  .layout--404 {
2
2
  .sign {
3
3
  display: table;
4
- margin: map-get($base, vertical-space-lg) auto;
5
- margin-top: map-get($base, vertical-space-lg) * 2;
4
+ margin: map-get($spacers, 4) auto;
5
+ margin-top: map-get($spacers, 5);
6
6
  h1 {
7
7
  font-size: map-get($base, font-size-xl) * 4;
8
8
  line-height: 1;
@@ -1,5 +1,5 @@
1
1
  .layout--archive {
2
2
  & > .layout--archive__result {
3
- margin: map-get($base, vertical-space-lg) 0;
3
+ margin: map-get($spacers, 4) 0;
4
4
  }
5
5
  }
@@ -1,9 +1,9 @@
1
1
  .layout--article {
2
2
  .article__sharing {
3
- margin: map-get($base, vertical-space-lg) 0;
3
+ margin: map-get($spacers, 4) 0;
4
4
  }
5
5
  .article__footer {
6
- margin: map-get($base, vertical-space-lg) 0;
6
+ margin: map-get($spacers, 4) 0;
7
7
  font-size: map-get($base, font-size-sm);
8
8
  color: $text-color-l;
9
9
  .article__license {
@@ -16,7 +16,7 @@
16
16
  }
17
17
  }
18
18
  .article__section-navigator {
19
- padding-top: map-get($base, vertical-space-lg) / 2;
19
+ padding-top: map-get($spacers, 3);
20
20
  margin: map-get($spacers, 4) 0 map-get($spacers, 3) 0;
21
21
  word-wrap: break-word;
22
22
  @include split-line(top, 4px);
@@ -33,11 +33,11 @@
33
33
  }
34
34
  & > .previous {
35
35
  float: left;
36
- padding-right: .5rem;
36
+ padding-right: map-get($spacers, 2);
37
37
  }
38
38
  & > .next {
39
39
  float: right;
40
- padding-left: .5rem;
40
+ padding-left: map-get($spacers, 2);
41
41
  text-align: right;
42
42
  }
43
43
  }
@@ -1,7 +1,6 @@
1
1
  .layout--articles {
2
- margin: map-get($base, vertical-space-lg) 0;
2
+ margin: map-get($spacers, 4) 0;
3
3
  margin-top: map-get($spacers, 5);
4
- margin-bottom: map-get($base, vertical-space-lg);
5
4
  @include media-breakpoint-down(md) {
6
5
  margin-top: map-get($spacers, 4);
7
6
  }
@@ -1,6 +1,6 @@
1
1
  .layout--home {
2
2
  .pagination {
3
- margin: map-get($base, vertical-space-lg) 0;
3
+ margin: map-get($spacers, 4) 0;
4
4
  }
5
5
  .pagination__menu {
6
6
  max-width: 100%;
@@ -54,6 +54,9 @@
54
54
  &.layout--page--sidebar {
55
55
  .page__main {
56
56
  @include overflow(auto);
57
+ @media print {
58
+ @include overflow(unset);
59
+ }
57
60
  }
58
61
  }
59
62
  @include media-breakpoint-down(lg) {
@@ -90,10 +93,18 @@
90
93
  .page__content {
91
94
  padding-bottom: map-get($layout, footer-height);
92
95
  margin: 0 auto;
96
+ @media print {
97
+ padding-bottom: 0;
98
+ }
99
+ }
100
+ .hide-footer {
101
+ .page__content {
102
+ padding-bottom: 0;
103
+ }
93
104
  }
94
105
 
95
106
  .page__comments {
96
- padding-bottom: map-get($base, vertical-space-lg);
107
+ margin: map-get($spacers, 4) 0;
97
108
  }
98
109
 
99
110
  .page__aside {
@@ -26,6 +26,7 @@
26
26
  "common/function",
27
27
  "common/classes",
28
28
  "common/reset",
29
+ "common/print",
29
30
  "common/components/button",
30
31
  "common/components/image",
31
32
  "common/components/card",
@@ -33,6 +34,7 @@
33
34
  "common/components/menu",
34
35
  "common/components/toc",
35
36
  "common/components/item",
37
+ "common/components/swiper",
36
38
 
37
39
  "animate/fade-in",
38
40
  "animate/fade-in-down",
@@ -64,5 +66,7 @@
64
66
  "layout/archive",
65
67
  "layout/home",
66
68
  "layout/landing",
67
- "layout/404"
69
+ "layout/404",
70
+
71
+ "custom"
68
72
  ;
@@ -1,3 +1,3 @@
1
1
  ---
2
2
  ---
3
- {%- include scripts/search-data.js -%}
3
+ {%- include scripts/components/search/search-data.js -%}
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.2
4
+ version: 2.2.3
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-10-21 00:00:00.000000000 Z
11
+ date: 2018-11-11 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -140,6 +140,7 @@ files:
140
140
  - _includes/comments-providers/gitalk.html
141
141
  - _includes/comments.html
142
142
  - _includes/extensions/bilibili.html
143
+ - _includes/extensions/codepen.html
143
144
  - _includes/extensions/netease-cloud-music.html
144
145
  - _includes/extensions/slideshare.html
145
146
  - _includes/extensions/soundcloud.html
@@ -165,19 +166,21 @@ files:
165
166
  - _includes/scripts/aside/affix.js
166
167
  - _includes/scripts/aside/toc.js
167
168
  - _includes/scripts/common.js
169
+ - _includes/scripts/components/search/search-data.js
170
+ - _includes/scripts/components/search/search.js
168
171
  - _includes/scripts/components/sidebar.js
169
172
  - _includes/scripts/home.js
170
173
  - _includes/scripts/lib/affix.js
171
174
  - _includes/scripts/lib/lazyload.js
172
- - _includes/scripts/lib/scroll.js
175
+ - _includes/scripts/lib/scroll-to.js
176
+ - _includes/scripts/lib/swiper.js
173
177
  - _includes/scripts/lib/throttle.js
174
178
  - _includes/scripts/lib/toc.js
175
179
  - _includes/scripts/page.js
176
- - _includes/scripts/search-data.js
177
- - _includes/scripts/search.js
178
180
  - _includes/scripts/utils.js
179
181
  - _includes/scripts/variables.html
180
182
  - _includes/search.html
183
+ - _includes/sharing-providers/addthis.html
181
184
  - _includes/sharing-providers/addtoany.html
182
185
  - _includes/sharing.html
183
186
  - _includes/sidebar/toc.html
@@ -226,6 +229,7 @@ files:
226
229
  - _sass/animate/_fade-in.scss
227
230
  - _sass/common/_classes.scss
228
231
  - _sass/common/_function.scss
232
+ - _sass/common/_print.scss
229
233
  - _sass/common/_reset.scss
230
234
  - _sass/common/_variables.scss
231
235
  - _sass/common/classes/_animation.scss
@@ -252,6 +256,7 @@ files:
252
256
  - _sass/common/components/_image.scss
253
257
  - _sass/common/components/_item.scss
254
258
  - _sass/common/components/_menu.scss
259
+ - _sass/common/components/_swiper.scss
255
260
  - _sass/common/components/_toc.scss
256
261
  - _sass/components/_article-content.scss
257
262
  - _sass/components/_article-header.scss
@@ -265,6 +270,7 @@ files:
265
270
  - _sass/components/_main.scss
266
271
  - _sass/components/_search.scss
267
272
  - _sass/components/_tags.scss
273
+ - _sass/custom.scss
268
274
  - _sass/layout/_404.scss
269
275
  - _sass/layout/_archive.scss
270
276
  - _sass/layout/_article.scss