jekyll-text-theme 2.1.0 → 2.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (53) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +171 -0
  3. data/README.md +5 -4
  4. data/_data/variables.yml +22 -8
  5. data/_includes/article-footer/author-profile.html +29 -27
  6. data/_includes/article-footer/license.html +4 -13
  7. data/_includes/article-header.html +47 -0
  8. data/_includes/article-info.html +79 -50
  9. data/_includes/article-list.html +82 -15
  10. data/_includes/article-section-navigator.html +2 -2
  11. data/_includes/author-links.html +1 -2
  12. data/_includes/footer.html +3 -1
  13. data/_includes/head.html +2 -2
  14. data/_includes/header.html +38 -32
  15. data/_includes/markdown-enhancements.html +6 -9
  16. data/_includes/markdown-enhancements/mathjax.html +2 -2
  17. data/_includes/scripts/article.js +1 -1
  18. data/_includes/scripts/lib/affix.js +2 -2
  19. data/_includes/scripts/lib/toc.js +1 -1
  20. data/_includes/scripts/variables.html +1 -0
  21. data/_includes/snippets/{page-title.html → get-article-title.html} +2 -2
  22. data/_layouts/archive.html +1 -1
  23. data/_layouts/article.html +17 -4
  24. data/_layouts/articles.html +89 -0
  25. data/_layouts/home.html +8 -2
  26. data/_layouts/landing.html +77 -101
  27. data/_layouts/page.html +158 -74
  28. data/_sass/additional/_alert.scss +8 -4
  29. data/_sass/additional/_tag.scss +21 -0
  30. data/_sass/common/_classes.scss +1 -0
  31. data/_sass/common/_variables.scss +26 -2
  32. data/_sass/common/classes/_grid.scss +112 -29
  33. data/_sass/common/classes/_spacing.scss +53 -42
  34. data/_sass/common/classes/_text.scss +37 -0
  35. data/_sass/common/components/_button.scss +9 -0
  36. data/_sass/common/components/_card.scss +93 -9
  37. data/_sass/common/components/_hero.scss +79 -0
  38. data/_sass/common/components/_image.scss +19 -0
  39. data/_sass/common/components/_item.scss +13 -9
  40. data/_sass/components/_article-header.scss +47 -0
  41. data/_sass/components/_article-info.scss +1 -1
  42. data/_sass/components/_article-list.scss +8 -0
  43. data/_sass/components/_author-links.scss +1 -1
  44. data/_sass/components/_author-profile.scss +10 -28
  45. data/_sass/components/_footer.scss +7 -11
  46. data/_sass/components/_header.scss +30 -19
  47. data/_sass/components/_main.scss +1 -0
  48. data/_sass/layout/_archive.scss +0 -6
  49. data/_sass/layout/_articles.scss +13 -0
  50. data/_sass/layout/_landing.scss +2 -99
  51. data/_sass/layout/_page.scss +26 -30
  52. data/assets/css/main.scss +12 -6
  53. metadata +17 -6
@@ -1,4 +1,5 @@
1
1
  .main {
2
+ width: 100%;
2
3
  max-width: map-get($layout, content-max-width);
3
4
  padding: 0 2rem;
4
5
  margin: 0 auto;
@@ -1,11 +1,5 @@
1
1
  .layout--archive {
2
2
  & > .layout--archive__result {
3
3
  margin: map-get($base, vertical-space-lg) 0;
4
- .item__meta {
5
- padding: 0 1rem 0 0;
6
- font-family: map-get($base, font-family-code);
7
- font-size: map-get($base, font-size-sm);
8
- white-space: nowrap;
9
- }
10
4
  }
11
5
  }
@@ -0,0 +1,13 @@
1
+ .layout--articles {
2
+ margin: map-get($base, vertical-space-lg) 0;
3
+ .card__header {
4
+ font-size: map-get($base, font-size);
5
+ }
6
+ .card__image {
7
+ & > .overlay {
8
+ &, .card__header {
9
+ font-size: map-get($base, font-size-sm);
10
+ }
11
+ }
12
+ }
13
+ }
@@ -1,103 +1,6 @@
1
1
  .layout--landing {
2
-
3
- img {
4
- display: block;
5
- width: 100%;
6
- }
7
-
8
- .section {
9
- text-align: center;
10
- background-color: $text-background-color;
11
- background-size: cover;
12
- @include flexbox();
13
- @include align-items(center);
14
- h1 {
15
- font-size: map-get($base, font-size-h1-lg);
16
- }
17
- h2 {
18
- font-size: map-get($base, font-size-h2-lg);
19
- }
20
- h3 {
21
- font-size: map-get($base, font-size-h3-lg);
22
- }
23
- p {
24
- font-size: map-get($base, font-size-lg);
25
- }
26
- }
27
-
28
- .section--light {
29
- h1, h2, h3 {
30
- color: $text-color-theme-light-d;
31
- }
32
- h4, h5 {
33
- color: $text-color-theme-light;
34
- }
35
- h6 {
36
- color: $text-color-theme-light-l;
37
- }
38
- color: $text-color-theme-light;
39
- }
40
-
41
- .section--dark {
42
- h1, h2, h3 {
43
- color: $text-color-theme-dark-d;
44
- }
45
- h4, h5 {
46
- color: $text-color-theme-dark;
47
- }
48
- h6 {
49
- color: $text-color-theme-dark-l;
50
- }
51
- color: $text-color-theme-dark;
52
- }
53
-
54
- .section__content {
55
- width: 100%;
56
- }
57
-
58
- .content__cover {
59
- max-width: 800px;
60
- margin: 0 auto;
61
- }
62
- .content__row {
63
- margin-bottom: map-get($spacers, 5);
64
- }
65
- .content__col {
66
- padding: 0 map-get($spacers, 2);
67
- }
68
-
69
- .overlay {
70
- min-height: 40rem;
71
- padding: map-get($spacers, 5) 0;
72
- @include media-breakpoint-down(md) {
73
- min-height: 28rem;
74
- }
75
- .section__content {
76
- min-width: 400px;
77
- @include media-breakpoint-down(md) {
78
- width: 100%;
79
- min-width: auto;
80
- padding: 0 map-get($spacers, 3);
81
- }
82
- }
83
- h1 {
84
- font-size: 4rem;
85
- }
86
- }
87
-
88
- .feature {
89
- padding: map-get($spacers, 5);
2
+ .hero {
90
3
  padding-bottom: 0;
91
- margin: map-get($spacers, 5);
92
- @include media-breakpoint-down(lg) {
93
- padding: map-get($spacers, 5) map-get($spacers, 3);
94
- padding-bottom: 0;
95
- margin: map-get($spacers, 3);
96
- }
97
- @include media-breakpoint-down(md) {
98
- padding: map-get($spacers, 4) map-get($spacers, 3);
99
- padding-bottom: 0;
100
- margin: map-get($spacers, 2) 0;
101
- }
4
+ background-color: $text-background-color;
102
5
  }
103
6
  }
@@ -20,15 +20,11 @@
20
20
 
21
21
  .col-aside {
22
22
  display: none;
23
- float: right;
24
23
  & > aside {
25
24
  position: absolute;
26
25
  width: map-get($layout, aside-width);
27
26
  overflow: hidden;
28
27
  }
29
- @include media-breakpoint-down(lg) {
30
- float: none;
31
- }
32
28
  }
33
29
  }
34
30
 
@@ -37,27 +33,14 @@
37
33
  margin: 0 auto;
38
34
  }
39
35
 
40
- .article__header {
41
- margin-top: map-get($spacers, 4);
42
- header, h1 {
43
- display: inline;
44
- }
45
- .split-space {
46
- @include user-select(none);
47
- }
48
- .edit-on-github {
49
- text-decoration: none !important;
50
- }
51
- }
52
-
53
36
  .page__comments {
54
37
  padding-bottom: map-get($base, vertical-space-lg);
55
38
  }
56
39
 
57
40
  .page__actions {
58
41
  position: absolute;
59
- bottom: 1rem;
60
- left: 1rem;
42
+ bottom: map-get($spacers, 3);
43
+ left: map-get($spacers, 3);
61
44
  z-index: map-get($z-index, actions);
62
45
  display: none;
63
46
  }
@@ -78,7 +61,7 @@
78
61
  @include transition(transform .4s);
79
62
  @include overflow(auto);
80
63
  .sidebar-toc {
81
- padding: 1rem 1rem 2rem 2rem;
64
+ padding: map-get($spacers, 3) map-get($spacers, 3) map-get($spacers, 4) map-get($spacers, 4);
82
65
  }
83
66
  }
84
67
 
@@ -96,7 +79,7 @@
96
79
 
97
80
  .page__aside {
98
81
  .toc-aside {
99
- padding: 1rem 0 1rem 3rem;
82
+ padding: map-get($spacers, 5) 0 map-get($spacers, 3) map-get($spacers, 5);
100
83
  }
101
84
  }
102
85
 
@@ -108,12 +91,6 @@
108
91
 
109
92
  .has-aside {
110
93
  .page__main-inner{
111
- .col-main {
112
- margin-right: map-get($layout, aside-width);
113
- @include media-breakpoint-down(lg) {
114
- margin-right: 0;
115
- }
116
- }
117
94
  .col-aside {
118
95
  position: relative;
119
96
  display: block;
@@ -150,9 +127,6 @@
150
127
  }
151
128
  }
152
129
  }
153
- .page__content {
154
- display: block;
155
- }
156
130
  .page__search-panel {
157
131
  position: absolute;
158
132
  top: 0;
@@ -173,4 +147,26 @@
173
147
  display: block;
174
148
  }
175
149
  }
150
+
151
+ .hero--light {
152
+ .article__info {
153
+ color: $text-color-theme-light;
154
+ }
155
+ }
156
+ .hero--dark {
157
+ .article__info {
158
+ color: $text-color-theme-dark;
159
+ }
160
+ }
161
+ }
162
+
163
+ .page__main--immersive {
164
+ .page__header {
165
+ position: absolute;
166
+ width: 100%;
167
+ }
168
+ .hero__content {
169
+ padding-top: map-get($layout, header-height);
170
+ }
171
+
176
172
  }
@@ -27,7 +27,9 @@
27
27
  "common/classes",
28
28
  "common/reset",
29
29
  "common/components/button",
30
+ "common/components/image",
30
31
  "common/components/card",
32
+ "common/components/hero",
31
33
  "common/components/menu",
32
34
  "common/components/toc",
33
35
  "common/components/item",
@@ -36,25 +38,29 @@
36
38
  "animate/fade-in-down",
37
39
  "animate/fade-in-up",
38
40
 
39
- "components/article-content",
40
41
  "components/article-info",
42
+ "components/article-header",
43
+ "components/article-content",
41
44
  "components/article-list",
42
45
  "components/author-links",
43
46
  "components/author-profile",
44
- "components/footer",
45
47
  "components/header",
48
+ "components/footer",
46
49
  "components/main",
47
50
  "components/tags",
48
51
  "components/search",
49
52
 
50
53
  "additional/alert",
54
+ "additional/tag",
51
55
  "additional/photo-frame",
52
56
 
53
- "layout/archive",
54
- "layout/article",
55
57
  "layout/base",
58
+ "layout/page",
59
+
60
+ "layout/article",
61
+ "layout/articles",
62
+ "layout/archive",
56
63
  "layout/home",
57
64
  "layout/landing",
58
- "layout/page",
59
65
  "layout/404"
60
- ;
66
+ ;
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.1.0
4
+ version: 2.2.0
5
5
  platform: ruby
6
6
  authors:
7
- - kitian616
7
+ - Tian Qi
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2018-08-26 00:00:00.000000000 Z
11
+ date: 2018-09-16 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -115,6 +115,7 @@ executables: []
115
115
  extensions: []
116
116
  extra_rdoc_files: []
117
117
  files:
118
+ - CHANGELOG.md
118
119
  - LICENSE
119
120
  - README.md
120
121
  - _data/authors.yml
@@ -128,6 +129,7 @@ files:
128
129
  - _includes/article-footer/author-profile.html
129
130
  - _includes/article-footer/custom.html
130
131
  - _includes/article-footer/license.html
132
+ - _includes/article-header.html
131
133
  - _includes/article-info.html
132
134
  - _includes/article-list.html
133
135
  - _includes/article-section-navigator.html
@@ -172,12 +174,12 @@ files:
172
174
  - _includes/search.html
173
175
  - _includes/sidebar/toc.html
174
176
  - _includes/snippets/assign.html
177
+ - _includes/snippets/get-article-title.html
175
178
  - _includes/snippets/get-lang.html
176
179
  - _includes/snippets/get-nav-url.html
177
180
  - _includes/snippets/get-sources.html
178
181
  - _includes/snippets/is_collection.html
179
182
  - _includes/snippets/locale-to-string.html
180
- - _includes/snippets/page-title.html
181
183
  - _includes/snippets/page-url.html
182
184
  - _includes/snippets/prepend-baseurl.html
183
185
  - _includes/snippets/prepend-path.html
@@ -201,6 +203,7 @@ files:
201
203
  - _layouts/404.html
202
204
  - _layouts/archive.html
203
205
  - _layouts/article.html
206
+ - _layouts/articles.html
204
207
  - _layouts/base.html
205
208
  - _layouts/home.html
206
209
  - _layouts/landing.html
@@ -208,6 +211,7 @@ files:
208
211
  - _layouts/page.html
209
212
  - _sass/additional/_alert.scss
210
213
  - _sass/additional/_photo-frame.scss
214
+ - _sass/additional/_tag.scss
211
215
  - _sass/animate/_fade-in-down.scss
212
216
  - _sass/animate/_fade-in-up.scss
213
217
  - _sass/animate/_fade-in.scss
@@ -229,15 +233,19 @@ files:
229
233
  - _sass/common/classes/_shadow.scss
230
234
  - _sass/common/classes/_spacing.scss
231
235
  - _sass/common/classes/_split-line.scss
236
+ - _sass/common/classes/_text.scss
232
237
  - _sass/common/classes/_transform.scss
233
238
  - _sass/common/classes/_transition.scss
234
239
  - _sass/common/classes/_user-select.scss
235
240
  - _sass/common/components/_button.scss
236
241
  - _sass/common/components/_card.scss
242
+ - _sass/common/components/_hero.scss
243
+ - _sass/common/components/_image.scss
237
244
  - _sass/common/components/_item.scss
238
245
  - _sass/common/components/_menu.scss
239
246
  - _sass/common/components/_toc.scss
240
247
  - _sass/components/_article-content.scss
248
+ - _sass/components/_article-header.scss
241
249
  - _sass/components/_article-info.scss
242
250
  - _sass/components/_article-list.scss
243
251
  - _sass/components/_author-links.scss
@@ -250,6 +258,7 @@ files:
250
258
  - _sass/layout/_404.scss
251
259
  - _sass/layout/_archive.scss
252
260
  - _sass/layout/_article.scss
261
+ - _sass/layout/_articles.scss
253
262
  - _sass/layout/_base.scss
254
263
  - _sass/layout/_home.scss
255
264
  - _sass/layout/_landing.scss
@@ -294,7 +303,8 @@ files:
294
303
  homepage: https://github.com/kitian616/jekyll-TeXt-theme
295
304
  licenses:
296
305
  - MIT
297
- metadata: {}
306
+ metadata:
307
+ plugin_type: theme
298
308
  post_install_message:
299
309
  rdoc_options: []
300
310
  require_paths:
@@ -314,5 +324,6 @@ rubyforge_project:
314
324
  rubygems_version: 2.6.8
315
325
  signing_key:
316
326
  specification_version: 4
317
- summary: A text first theme for Jekyll.
327
+ summary: A super customizable Jekyll theme for personal site, team site, blog, project,
328
+ documentation, etc.
318
329
  test_files: []