jekyll-text-theme 1.4.0 → 1.4.1

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 (64) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +7 -3
  3. data/_includes/blog/article-data.html +40 -38
  4. data/_includes/blog/footer.html +8 -12
  5. data/_includes/blog/header.html +49 -50
  6. data/_includes/blog/license.html +24 -23
  7. data/_includes/blog/tags.html +42 -38
  8. data/_includes/icon/mail.svg +4 -4
  9. data/_includes/icon/menu.svg +2 -2
  10. data/_includes/icon/next.svg +2 -2
  11. data/_includes/icon/previous.svg +2 -2
  12. data/_includes/icon/social/behance.svg +1 -1
  13. data/_includes/icon/social/douban.svg +3 -3
  14. data/_includes/icon/social/facebook.svg +1 -1
  15. data/_includes/icon/social/flicker.svg +3 -3
  16. data/_includes/icon/social/github.svg +1 -1
  17. data/_includes/icon/social/googleplus.svg +1 -1
  18. data/_includes/icon/social/linkedin.svg +1 -1
  19. data/_includes/icon/social/pinterest.svg +1 -1
  20. data/_includes/icon/social/qq.svg +1 -1
  21. data/_includes/icon/social/twitter.svg +1 -1
  22. data/_includes/icon/social/weixin.svg +1 -1
  23. data/_includes/icon/social/zhihu.svg +1 -1
  24. data/_includes/info/follow-me.html +75 -75
  25. data/_includes/snippets/get-lang.html +5 -1
  26. data/_includes/snippets/locale-to-string.html +5 -1
  27. data/_includes/snippets/page-title.html +2 -2
  28. data/_layouts/all.html +122 -106
  29. data/_layouts/blog-base.html +31 -33
  30. data/_layouts/blog-default.html +2 -4
  31. data/_layouts/error-404.html +3 -3
  32. data/_layouts/home.html +108 -94
  33. data/_layouts/page.html +8 -11
  34. data/_layouts/post.html +178 -188
  35. data/_sass/base/_animate.scss +14 -14
  36. data/_sass/base/_base.scss +62 -34
  37. data/_sass/base/_image&icon.scss +9 -6
  38. data/_sass/base/_links.scss +60 -67
  39. data/_sass/base/_text.scss +30 -24
  40. data/_sass/blog/_layout.default.scss +15 -14
  41. data/_sass/blog/_layout.post.scss +56 -55
  42. data/_sass/blog/_page.all.scss +31 -31
  43. data/_sass/blog/_page.error-404.scss +5 -5
  44. data/_sass/blog/_page.index.scss +47 -42
  45. data/_sass/colors/_colors.chocolate.scss +39 -0
  46. data/_sass/colors/_colors.orange.scss +39 -0
  47. data/_sass/components/_article.content.scss +133 -125
  48. data/_sass/components/_article.data.scss +34 -33
  49. data/_sass/components/_follow-me.scss +38 -65
  50. data/_sass/components/_footer.scss +20 -23
  51. data/_sass/components/_header.scss +35 -38
  52. data/_sass/components/_license.scss +23 -23
  53. data/_sass/components/_pagination.scss +5 -5
  54. data/_sass/components/_tags.scss +23 -29
  55. data/_sass/components/_toc.scss +58 -53
  56. data/_sass/components/_wrapper.scss +19 -17
  57. data/_sass/mixins/_link.scss +46 -39
  58. data/_sass/mixins/_media.scss +3 -3
  59. data/_sass/mixins/_prefix.scss +6 -6
  60. data/_sass/settings/_colors.scss +3 -1
  61. data/_sass/settings/_highlighting.scss +63 -64
  62. data/assets/css/blog.scss +0 -1
  63. metadata +4 -3
  64. data/_sass/blog/_layout.page.scss +0 -1
data/_sass/base/_animate.scss CHANGED
@@ -1,19 +1,19 @@
1
1
  @keyframes fade-in {
2
- from {
3
- opacity: 0;
4
- }
5
- to {
6
- opacity: 1;
7
- }
2
+ from {
3
+ opacity: 0;
4
+ }
5
+ to {
6
+ opacity: 1;
7
+ }
8
8
  }
9
9
 
10
10
  @keyframes fade-in-down {
11
- from {
12
- opacity: 0;
13
- @include transform(translateY(-$spacing-unit));
14
- }
15
- to {
16
- opacity: 1;
17
- @include transform(translateY(0));
18
- }
11
+ from {
12
+ opacity: 0;
13
+ @include transform(translateY(-$spacing-unit));
14
+ }
15
+ to {
16
+ opacity: 1;
17
+ @include transform(translateY(0));
18
+ }
19
19
  }
data/_sass/base/_base.scss CHANGED
@@ -1,55 +1,83 @@
1
1
  /**
2
2
  * Reset some basic elements
3
3
  */
4
- body, h1, h2, h3, h4, h5, h6,
5
- p, blockquote, pre, hr,
6
- dl, dd, ol, ul, figure {
7
- margin: 0;
8
- padding: 0;
4
+
5
+ body,
6
+ h1,
7
+ h2,
8
+ h3,
9
+ h4,
10
+ h5,
11
+ h6,
12
+ p,
13
+ blockquote,
14
+ pre,
15
+ hr,
16
+ dl,
17
+ dd,
18
+ ol,
19
+ ul,
20
+ figure {
21
+ margin: 0;
22
+ padding: 0;
9
23
  }
10
- h1, h2, h3, h4, h5, h6,
11
- p, blockquote, pre,
12
- ul, ol, dl, figure,
24
+
25
+ h1,
26
+ h2,
27
+ h3,
28
+ h4,
29
+ h5,
30
+ h6,
31
+ p,
32
+ blockquote,
33
+ pre,
34
+ ul,
35
+ ol,
36
+ dl,
37
+ figure,
13
38
  %vertical-rhythm {
14
- margin: $base-font-size / 2 0;
39
+ margin: $base-font-size / 2 0;
15
40
  }
16
41
 
17
42
  html {
18
- height: 100%;
43
+ height: 100%;
19
44
  }
45
+
20
46
  body {
21
- height: 100%;
22
- ::-moz-selection {
23
- background: $select-color;
24
- }
25
- ::-webkit-selection {
26
- background: $select-color;
27
- }
28
- ::selection {
29
- background: $select-color;
30
- }
47
+ height: 100%;
48
+ ::-moz-selection {
49
+ background: $select-color;
50
+ }
51
+ ::-webkit-selection {
52
+ background: $select-color;
53
+ }
54
+ ::selection {
55
+ background: $select-color;
56
+ }
31
57
  }
32
58
 
33
59
  .clearfix {
34
- &:after {
35
- content: "";
36
- display: table;
37
- clear: both;
38
- }
60
+ &:after {
61
+ content: "";
62
+ display: table;
63
+ clear: both;
64
+ }
39
65
  }
66
+
40
67
  .left {
41
- float: left;
68
+ float: left;
42
69
  }
70
+
43
71
  .right {
44
- float: right;
72
+ float: right;
45
73
  }
46
74
 
47
75
  button {
48
- cursor:pointer;
49
- outline: none;
50
- background-color: transparent;
51
- padding: 0;
52
- margin: 0;
53
- border-width: 0;
54
- font-size: $base-font-size;
76
+ cursor: pointer;
77
+ outline: none;
78
+ background-color: transparent;
79
+ padding: 0;
80
+ margin: 0;
81
+ border-width: 0;
82
+ font-size: $base-font-size;
55
83
  }
data/_sass/base/_image&icon.scss CHANGED
@@ -1,20 +1,23 @@
1
1
  /**
2
2
  * Figures
3
3
  */
4
- figure > img {
5
- display: block;
4
+
5
+ figure>img {
6
+ display: block;
6
7
  }
7
8
 
8
9
  figcaption {
9
- font-size: $small-font-size;
10
+ font-size: $small-font-size;
10
11
  }
11
12
 
13
+
12
14
  /**
13
15
  * Icons
14
16
  */
17
+
15
18
  .icon {
19
+ display: block;
20
+ >svg {
16
21
  display: block;
17
- > svg {
18
- display: block;
19
- }
22
+ }
20
23
  }
data/_sass/base/_links.scss CHANGED
@@ -1,84 +1,77 @@
1
1
  %cursor-pointer {
2
- cursor:pointer;
2
+ cursor: pointer;
3
3
  }
4
+
4
5
  %cursor-default {
5
- cursor: default;
6
+ cursor: default;
6
7
  }
8
+
7
9
  %cursor-not-allowed {
8
- cursor: not-allowed;
10
+ cursor: not-allowed;
9
11
  }
10
12
 
11
13
  a {
12
- font-weight: $bold-font-weight;
13
- text-decoration: none;
14
- @include link-normal {
15
- color: $main-color-1;
16
- }
17
- @include link-emphasize {
18
- text-decoration: underline;
19
- color: $main-color-1;
20
- }
21
- @include transition(all .8s ease 0s);
14
+ font-weight: $bold-font-weight;
15
+ text-decoration: none;
16
+ @include link-normal {
17
+ color: $main-color-1;
18
+ }
19
+ @include link-emphasize {
20
+ text-decoration: underline;
21
+ color: $main-color-1;
22
+ }
23
+ @include transition(all .8s ease 0s);
22
24
  }
23
25
 
24
26
  .round-button {
25
- font-weight: $bold-font-weight;
26
- line-height: 1;
27
- @include flexbox;
28
- @include justify-content(center);
29
- @include align-items(center);
30
- box-sizing: border-box;
31
- width: $base-font-size * 2;
32
- height: $base-font-size * 2;
27
+ font-weight: $bold-font-weight;
28
+ line-height: 1;
29
+ @include flexbox;
30
+ @include justify-content(center);
31
+ @include align-items(center);
32
+ box-sizing: border-box;
33
+ width: $base-font-size * 2;
34
+ height: $base-font-size * 2;
35
+ text-decoration: none;
36
+ border-radius: 50%;
37
+ @extend %cursor-pointer;
38
+ @include link-colors( $text-color-3, $main-color-3, $text-color-1, $main-color-1);
39
+ @include link-normal {
33
40
  text-decoration: none;
34
- border-radius: 50%;
35
- @extend %cursor-pointer;
36
- @include link-colors(
37
- $text-color-3, $main-color-3,
38
- $text-color-1, $main-color-1
39
- );
40
- @include link-normal {
41
- text-decoration: none;
42
- }
43
- @include link-emphasize {
44
- text-decoration: none;
45
- }
46
- @include transition(all .8s ease 0s);
47
- svg {
48
- width: $base-font-size;
49
- height: $base-font-size;
50
- }
51
- &.inactive {
52
- @extend %cursor-not-allowed;
53
- @include link-colors(
54
- rgba($text-color-3, .5), $main-color-3,
55
- rgba($text-color-3, .5), $main-color-3
56
- );
57
- }
41
+ }
42
+ @include link-emphasize {
43
+ text-decoration: none;
44
+ }
45
+ @include transition(all .8s ease 0s);
46
+ svg {
47
+ width: $base-font-size;
48
+ height: $base-font-size;
49
+ }
50
+ &.inactive {
51
+ @extend %cursor-not-allowed;
52
+ @include link-colors( rgba($text-color-3, .5), $main-color-3, rgba($text-color-3, .5), $main-color-3);
53
+ }
58
54
  }
59
55
 
60
56
  .round-rect-button {
61
- font-weight: $bold-font-weight;
62
- line-height: 1;
63
- display: block;
64
- box-sizing: border-box;
65
- padding: $base-font-size * .4 $base-font-size * .6;
57
+ font-weight: $bold-font-weight;
58
+ line-height: 1;
59
+ display: block;
60
+ box-sizing: border-box;
61
+ padding: $base-font-size * .4 $base-font-size * .6;
62
+ text-decoration: none;
63
+ border-radius: $base-font-size * 2;
64
+ @extend %cursor-pointer;
65
+ @include link-colors( $text-color-3, $main-color-3, $text-color-1, $main-color-1);
66
+ @include link-normal {
67
+ text-decoration: none;
68
+ }
69
+ @include link-emphasize {
66
70
  text-decoration: none;
67
- border-radius: $base-font-size * 2;
68
- @extend %cursor-pointer;
69
- @include link-colors(
70
- $text-color-3, $main-color-3,
71
- $text-color-1, $main-color-1
72
- );
73
- @include link-normal {
74
- text-decoration: none;
75
- }
76
- @include link-emphasize {
77
- text-decoration: none;
78
- }
79
- @include transition(all .8s ease 0s);
80
- svg {
81
- width: $base-font-size;
82
- height: $base-font-size;
83
- }
71
+ }
72
+ @include transition(all .8s ease 0s);
73
+ svg {
74
+ width: $base-font-size;
75
+ height: $base-font-size;
76
+ }
84
77
  }
data/_sass/base/_text.scss CHANGED
@@ -1,50 +1,56 @@
1
1
  body {
2
- font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
3
- color: $text-color;
2
+ font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
3
+ color: $text-color;
4
4
  }
5
5
 
6
- h1, h2, h3, h4, h5, h6, strong {
7
- font-weight: $bold-font-weight;
6
+ h1,
7
+ h2,
8
+ h3,
9
+ h4,
10
+ h5,
11
+ h6,
12
+ strong {
13
+ font-weight: $bold-font-weight;
8
14
  }
9
15
 
10
16
  h1 {
11
- font-size: $h1-font-size;
12
- color: $text-color-d;
13
- @include media-query($on-palm) {
14
- font-size: $h1-font-size-palm;
15
- }
17
+ font-size: $h1-font-size;
18
+ color: $text-color-d;
19
+ @include media-query($on-palm) {
20
+ font-size: $h1-font-size-palm;
21
+ }
16
22
  }
17
23
 
18
24
  h2 {
19
- font-size: $h2-font-size;
20
- color: $text-color-d;
21
- @include media-query($on-palm) {
22
- font-size: $h2-font-size-palm;
23
- }
25
+ font-size: $h2-font-size;
26
+ color: $text-color-d;
27
+ @include media-query($on-palm) {
28
+ font-size: $h2-font-size-palm;
29
+ }
24
30
  }
25
31
 
26
32
  h3 {
27
- font-size: $h3-font-size;
28
- color: $text-color-d;
33
+ font-size: $h3-font-size;
34
+ color: $text-color-d;
29
35
  }
30
36
 
31
37
  h4 {
32
- font-size: $h4-font-size;
33
- color: $text-color;
38
+ font-size: $h4-font-size;
39
+ color: $text-color;
34
40
  }
35
41
 
36
42
  h5 {
37
- font-size: $h5-font-size;
38
- color: $text-color;
43
+ font-size: $h5-font-size;
44
+ color: $text-color;
39
45
  }
40
46
 
41
47
  h6 {
42
- font-size: $h6-font-size;
43
- color: $text-color-l;
48
+ font-size: $h6-font-size;
49
+ color: $text-color-l;
44
50
  }
45
51
 
46
52
  pre,
47
53
  code {
48
- font-family: $code-font-family;
49
- font-size: $code-font-size;
54
+ font-family: $code-font-family;
55
+ font-size: $code-font-size;
50
56
  }
data/_sass/blog/_layout.default.scss CHANGED
@@ -1,20 +1,21 @@
1
1
  .m-page-stage {
2
- box-sizing: border-box;
3
- min-height: 100%;
4
- overflow:auto;
5
- padding-bottom: $footer-height;
6
- @include animation(fade-in-down .8s);
2
+ box-sizing: border-box;
3
+ min-height: 100%;
4
+ overflow: auto;
5
+ padding-bottom: $footer-height;
6
+ @include animation(fade-in-down .8s);
7
7
  }
8
+
8
9
  .m-page-content {
9
- padding: $content-gap * 3 0 $content-gap * 2;
10
- @include media-query($on-laptop) {
11
- padding: $content-gap * 2 0;
12
- }
13
- @include media-query($on-palm) {
14
- padding: $content-gap 0;
15
- }
10
+ padding: $content-gap * 3 0 $content-gap * 2;
11
+ @include media-query($on-laptop) {
12
+ padding: $content-gap * 2 0;
13
+ }
14
+ @include media-query($on-palm) {
15
+ padding: $content-gap 0;
16
+ }
16
17
  }
18
+
17
19
  .m-page-main {
18
- margin: 0 auto;
20
+ margin: 0 auto;
19
21
  }
20
-
data/_sass/blog/_layout.post.scss CHANGED
@@ -1,66 +1,67 @@
1
1
  .m-post {
2
- & > div {
3
- display: block;
4
- @include media-query($on-laptop) {
5
- display: block;
6
- }
2
+ &>div {
3
+ display: block;
4
+ @include media-query($on-laptop) {
5
+ display: block;
7
6
  }
8
- .col-1 {
9
- @include flex(1);
10
- max-width: $content-max-width;
11
- & > article {
12
- & > header {
13
- color: $text-color-d;
14
- margin-bottom: $spacing-unit / 6;
15
- & > h1 {
16
- margin-bottom: $spacing-unit;
17
- }
18
- }
7
+ }
8
+ .col-1 {
9
+ @include flex(1);
10
+ max-width: $content-max-width;
11
+ &>article {
12
+ &>header {
13
+ color: $text-color-d;
14
+ margin-bottom: $spacing-unit / 6;
15
+ &>h1 {
16
+ margin-bottom: $spacing-unit;
19
17
  }
18
+ }
20
19
  }
21
- .col-2 {
22
- display: none;
23
- & > aside {
24
- box-sizing: border-box;
25
- width: $aside-width;
26
- position: absolute;
27
- padding: $spacing-unit 0 $spacing-unit $spacing-unit * 2;
28
- overflow: hidden;
29
- }
20
+ }
21
+ .col-2 {
22
+ display: none;
23
+ &>aside {
24
+ box-sizing: border-box;
25
+ width: $aside-width;
26
+ position: absolute;
27
+ padding: $spacing-unit 0 $spacing-unit $spacing-unit * 2;
28
+ overflow: hidden;
30
29
  }
31
- footer {
32
- & > span {
33
- color: $text-color-l;
34
- }
35
- & > .article-license {
36
- position: relative;
37
- max-width: 500px;
38
- margin: 1.5em 0;
39
- }
30
+ }
31
+ footer {
32
+ &>span {
33
+ color: $text-color-l;
40
34
  }
35
+ &>.article-license {
36
+ position: relative;
37
+ max-width: 500px;
38
+ margin: 1.5em 0;
39
+ }
40
+ }
41
41
  }
42
+
42
43
  .has-toc {
43
- .m-post {
44
- & > div {
45
- @include flexbox;
46
- @include media-query($on-laptop) {
47
- display: block;
48
- }
49
- }
50
- .col-2 {
51
- width: $aside-width;
52
- position: relative;
53
- display: block;
54
- & > aside {
55
- &.fixed {
56
- position: fixed;
57
- z-index: 2;
58
- -webkit-font-smoothing: subpixel-antialiased;
59
- }
60
- }
61
- @include media-query($on-laptop) {
62
- display: none;
63
- }
44
+ .m-post {
45
+ &>div {
46
+ @include flexbox;
47
+ @include media-query($on-laptop) {
48
+ display: block;
49
+ }
50
+ }
51
+ .col-2 {
52
+ width: $aside-width;
53
+ position: relative;
54
+ display: block;
55
+ &>aside {
56
+ &.fixed {
57
+ position: fixed;
58
+ z-index: 2;
59
+ -webkit-font-smoothing: subpixel-antialiased;
64
60
  }
61
+ }
62
+ @include media-query($on-laptop) {
63
+ display: none;
64
+ }
65
65
  }
66
+ }
66
67
  }