jekyll-text-theme 1.4.3 → 1.5.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (101) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +7 -6
  3. data/_data/locale.yml +21 -3
  4. data/_data/variables.yml +31 -0
  5. data/_includes/{blog → components}/article-data.html +4 -2
  6. data/_includes/{info → components}/follow-me.html +1 -1
  7. data/_includes/{blog → components}/footer.html +1 -1
  8. data/_includes/components/header.html +42 -0
  9. data/_includes/{blog → components}/license.html +0 -0
  10. data/_includes/{blog → components}/tags.html +5 -6
  11. data/_includes/icon/clear.svg +3 -0
  12. data/_includes/icon/link.svg +1 -0
  13. data/_includes/icon/omit.svg +1 -0
  14. data/_includes/icon/search.svg +3 -0
  15. data/_includes/icon/{mail.svg → social/mail.svg} +0 -0
  16. data/_includes/scripts/all.html +244 -0
  17. data/_includes/scripts/common.html +30 -0
  18. data/_includes/scripts/data.html +27 -0
  19. data/_includes/scripts/home.html +26 -0
  20. data/_includes/scripts/page-post.html +32 -0
  21. data/_includes/scripts/post.html +183 -0
  22. data/_includes/scripts/utils.html +180 -0
  23. data/_includes/snippets/get-lang.html +2 -2
  24. data/_includes/snippets/get-sources.html +5 -0
  25. data/_includes/utils/chart.html +17 -0
  26. data/_includes/utils/comment-disqus.html +0 -3
  27. data/_includes/utils/comment-gitalk.html +15 -12
  28. data/_includes/utils/google-analytics.html +6 -8
  29. data/_includes/utils/mathjax.html +10 -4
  30. data/_includes/utils/mermaid.html +5 -4
  31. data/_layouts/all.html +10 -131
  32. data/_layouts/base.html +38 -0
  33. data/_layouts/error-404.html +1 -1
  34. data/_layouts/home.html +81 -68
  35. data/_layouts/page.html +3 -3
  36. data/_layouts/post.html +32 -172
  37. data/_sass/animate/_fade-in-down.scss +10 -0
  38. data/_sass/animate/_fade-in.scss +8 -0
  39. data/_sass/colors/{_colors.chocolate.scss → _chocolate.scss} +9 -3
  40. data/_sass/colors/{_colors.dark.scss → _dark.scss} +10 -3
  41. data/_sass/colors/{_colors.default.scss → _default.scss} +10 -4
  42. data/_sass/colors/{_colors.forest.scss → _forest.scss} +9 -3
  43. data/_sass/colors/{_colors.ocean.scss → _ocean.scss} +9 -3
  44. data/_sass/colors/{_colors.orange.scss → _orange.scss} +9 -3
  45. data/_sass/common/_classes.scss +15 -0
  46. data/_sass/{settings → common}/_highlighting.scss +0 -12
  47. data/_sass/common/_reset.scss +171 -0
  48. data/_sass/common/_variables.scss +64 -0
  49. data/_sass/common/classes/_animation.scss +4 -0
  50. data/_sass/common/classes/_clearfix.scss +7 -0
  51. data/_sass/{mixins → common/classes}/_flex.scss +0 -0
  52. data/_sass/common/classes/_link.scss +161 -0
  53. data/_sass/common/classes/_media.scss +18 -0
  54. data/_sass/common/classes/_shadow.scss +14 -0
  55. data/_sass/common/classes/_shape.scss +19 -0
  56. data/_sass/common/classes/_space.scss +40 -0
  57. data/_sass/common/classes/_split-line.scss +24 -0
  58. data/_sass/common/classes/_transform.scss +4 -0
  59. data/_sass/common/classes/_transition.scss +4 -0
  60. data/_sass/common/classes/_user-select.scss +6 -0
  61. data/_sass/common/components/_button.scss +72 -0
  62. data/_sass/components/_article.content.extra.scss +41 -0
  63. data/_sass/components/_article.content.scss +127 -69
  64. data/_sass/components/_article.data.scss +11 -11
  65. data/_sass/components/_follow-me.scss +27 -34
  66. data/_sass/components/_footer.scss +4 -4
  67. data/_sass/components/_header.scss +35 -22
  68. data/_sass/components/_license.scss +7 -7
  69. data/_sass/components/_main.scss +23 -0
  70. data/_sass/components/_pagination.scss +12 -0
  71. data/_sass/components/_tags.scss +30 -15
  72. data/_sass/components/_toc.scss +32 -19
  73. data/_sass/layout/_all.scss +82 -0
  74. data/_sass/layout/_default.scss +19 -0
  75. data/_sass/{blog/_page.error-404.scss → layout/_error-404.scss} +1 -1
  76. data/_sass/layout/_home.scss +61 -0
  77. data/_sass/layout/_post.scss +80 -0
  78. data/assets/css/blog.scss +29 -34
  79. data/assets/images/logo/logo.svg +1 -1
  80. metadata +56 -38
  81. data/_includes/blog/header.html +0 -56
  82. data/_layouts/blog-base.html +0 -36
  83. data/_layouts/blog-default.html +0 -7
  84. data/_sass/base/_animate.scss +0 -19
  85. data/_sass/base/_base.scss +0 -83
  86. data/_sass/base/_image&icon.scss +0 -23
  87. data/_sass/base/_links.scss +0 -73
  88. data/_sass/base/_text.scss +0 -56
  89. data/_sass/blog/_layout.base.scss +0 -3
  90. data/_sass/blog/_layout.default.scss +0 -21
  91. data/_sass/blog/_layout.post.scss +0 -68
  92. data/_sass/blog/_page.all.scss +0 -35
  93. data/_sass/blog/_page.index.scss +0 -50
  94. data/_sass/components/_wrapper.scss +0 -29
  95. data/_sass/mixins/_link.scss +0 -67
  96. data/_sass/mixins/_media.scss +0 -12
  97. data/_sass/mixins/_prefix.scss +0 -14
  98. data/_sass/mixins/_shape.scss +0 -19
  99. data/_sass/settings/_base.scss +0 -12
  100. data/_sass/settings/_colors.scss +0 -9
  101. data/_sass/settings/_font.scss +0 -32
@@ -1,29 +0,0 @@
1
- .main {
2
- margin: 0 auto;
3
- padding: 0 $spacing-unit;
4
- max-width: $content-max-width;
5
- @include media-query($on-laptop) {
6
- padding: 0 $spacing-unit / 2;
7
- }
8
- }
9
-
10
- .has-toc .main {
11
- max-width: $content-max-width + $aside-width;
12
- @include media-query($on-laptop) {
13
- max-width: $content-max-width;
14
- padding: 0 $spacing-unit / 2;
15
- }
16
- }
17
-
18
- .inline-list {
19
- display: flex;
20
- flex-wrap: wrap;
21
- &>li {
22
- list-style-type: none;
23
- margin-top: $content-gap / 6;
24
- margin-bottom: $content-gap / 6;
25
- &:not(:last-child) {
26
- margin-right: $spacing-unit / 8;
27
- }
28
- }
29
- }
@@ -1,67 +0,0 @@
1
- @mixin link-normal {
2
- &,
3
- &:visited {
4
- @content;
5
- }
6
- }
7
-
8
- @mixin link-emphasize {
9
- &.hover,
10
- &.active,
11
- &.focus,
12
- &:hover,
13
- &:active,
14
- &:focus {
15
- @content;
16
- }
17
- }
18
-
19
- @mixin link-emphasize-no-focus {
20
- &.hover,
21
- &.active,
22
- &:hover,
23
- &:active {
24
- @content;
25
- }
26
- }
27
-
28
- @mixin link-colors($nc, $nbc, $ec, $ebc) {
29
- @include link-normal {
30
- color: $nc;
31
- background-color: $nbc;
32
- svg path {
33
- fill: $nc;
34
- }
35
- }
36
- @include link-emphasize {
37
- color: $ec;
38
- background-color: $ebc;
39
- svg path {
40
- fill: $ec;
41
- }
42
- }
43
- }
44
-
45
- @mixin link-text-colors($nc, $ec) {
46
- @include link-normal {
47
- color: $nc;
48
- svg path {
49
- fill: $nc;
50
- }
51
- }
52
- @include link-emphasize {
53
- color: $ec;
54
- svg path {
55
- fill: $ec;
56
- }
57
- }
58
- }
59
-
60
- @mixin link-background-colors($nbc, $ebc) {
61
- @include link-normal {
62
- background-color: $nbc;
63
- }
64
- @include link-emphasize {
65
- background-color: $ebc;
66
- }
67
- }
@@ -1,12 +0,0 @@
1
- // Use media queries like this:
2
- // @include media-query($on-palm) {
3
- // .wrapper {
4
- // padding-right: $spacing-unit / 2;
5
- // padding-left: $spacing-unit / 2;
6
- // }
7
- // }
8
- @mixin media-query($device) {
9
- @media screen and (max-width: $device) {
10
- @content;
11
- }
12
- }
@@ -1,14 +0,0 @@
1
- @mixin transition($value) {
2
- -webkit-transition: $value;
3
- transition: $value;
4
- }
5
-
6
- @mixin transform($value) {
7
- -webkit-transform: $value;
8
- transform: $value;
9
- }
10
-
11
- @mixin animation($value) {
12
- -webkit-animation: $value;
13
- animation: $value;
14
- }
@@ -1,19 +0,0 @@
1
- $round-length: $base-font-size * 2;
2
- $round-rect-radius: $base-font-size * .4;
3
- $round-rect-padding: $base-font-size * .4 $base-font-size * .6;
4
-
5
- @mixin round(
6
- $length: $round-length
7
- ) {
8
- width: $length;
9
- height: $length;
10
- border-radius: 50%;
11
- }
12
-
13
- @mixin round-rect(
14
- $radius: $round-rect-radius,
15
- $padding: $round-rect-padding
16
- ) {
17
- padding: $padding;
18
- border-radius: $radius;
19
- }
@@ -1,12 +0,0 @@
1
- // Our variables
2
- $spacing-unit: 30px;
3
- $content-gap: 0.8em;
4
-
5
- // Width of the content area
6
- $content-max-width: 800px;
7
- $aside-width: 240px;
8
- $footer-height: 12em;
9
-
10
- // Device Width
11
- $on-palm: 500px;
12
- $on-laptop: 1150px;
@@ -1,9 +0,0 @@
1
- @import './colors/_colors.default.scss';
2
- // @import './colors/_colors.dark.scss';
3
- // @import './colors/_colors.forest.scss';
4
- // @import './colors/_colors.ocean.scss';
5
- // @import './colors/_colors.chocolate.scss';
6
- // @import './colors/_colors.orange.scss';
7
-
8
- $shadow-base: 0 2px 10px $shadow-color, 0 0 16px rgba($shadow-color, opacity($shadow-color) * 0.6);
9
- $shadow-high: 0 4px 10px rgba($shadow-color, opacity($shadow-color) / 3 + 0.3), 0 0 16px $shadow-color;
@@ -1,32 +0,0 @@
1
- $base-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
2
- Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif;
3
- $code-font-family: Menlo, Consolas, "Courier New", Courier, "Liberation Mono", monospace;
4
-
5
- $base-line-height: 1.6;
6
- $code-line-height: 1.5;
7
- $toc-line-height: 1.4;
8
- $article-line-height: 1.8;
9
- $base-font-size: 1em;
10
- $base-font-weight: 400;
11
- $bold-font-weight: 700;
12
-
13
- $h1-font-size: $base-font-size * 2.25;
14
- $h2-font-size: $base-font-size * 1.5;
15
- $h3-font-size: $base-font-size * 1.2;
16
- $h4-font-size: $base-font-size * 1.1;
17
- $h5-font-size: $base-font-size;
18
- $h6-font-size: $base-font-size;
19
-
20
- $h1-font-size-palm: $base-font-size * 1.7;
21
- $h2-font-size-palm: $base-font-size * 1.4;
22
-
23
- $article-list-head: $base-font-size * 1.6;
24
-
25
- $h1-font-size-excerpt: $base-font-size * 1.4;
26
- $h2-font-size-excerpt: $base-font-size * 1.3;
27
- $h3-font-size-excerpt: $base-font-size * 1.2;
28
- $h4-font-size-excerpt: $base-font-size * 1.1;
29
-
30
- $code-font-size: $base-font-size * 14 / 16;
31
- $small-font-size: $base-font-size * .9;
32
- $tiny-font-size: $base-font-size * .8;