hexo-theme-stellar 1.26.4 → 1.26.6

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 (59) hide show
  1. package/_config.yml +11 -6
  2. package/_data/icons.yml +13 -5
  3. package/layout/_partial/main/navbar/article_banner.ejs +9 -2
  4. package/layout/_partial/main/navbar/dateinfo.ejs +3 -0
  5. package/layout/_partial/main/navbar/nav_tabs_blog.ejs +2 -2
  6. package/layout/_partial/main/navbar/nav_tabs_wiki.ejs +2 -2
  7. package/layout/_partial/main/post_list/post_card.ejs +3 -2
  8. package/layout/_partial/widgets/related.ejs +1 -1
  9. package/layout/categories.ejs +1 -1
  10. package/layout/layout.ejs +4 -0
  11. package/package.json +1 -1
  12. package/scripts/events/lib/utils.js +16 -0
  13. package/scripts/helpers/icon.js +1 -12
  14. package/scripts/tags/index.js +2 -0
  15. package/scripts/tags/lib/button.js +39 -0
  16. package/scripts/tags/lib/icon.js +27 -0
  17. package/scripts/tags/lib/navbar.js +1 -1
  18. package/scripts/tags/lib/okr.js +1 -1
  19. package/scripts/tags/lib/quot.js +15 -12
  20. package/source/css/_common/base.styl +2 -3
  21. package/source/css/_common/blockquote.styl +1 -1
  22. package/source/css/_common/device.styl +15 -4
  23. package/source/css/_common/highlight.styl +3 -3
  24. package/source/css/_common/title.styl +8 -7
  25. package/source/css/_custom.styl +18 -15
  26. package/source/css/_layout/list.styl +20 -14
  27. package/source/css/_layout/md.styl +6 -14
  28. package/source/css/_layout/pages/archives.styl +9 -1
  29. package/source/css/_layout/partial/article-banner.styl +4 -3
  30. package/source/css/_layout/partial/article-footer.styl +4 -4
  31. package/source/css/_layout/partial/navbar.styl +7 -5
  32. package/source/css/_layout/partial/related.styl +4 -4
  33. package/source/css/_layout/sidebar/search.styl +14 -12
  34. package/source/css/_layout/sidebar/sidebar.styl +2 -2
  35. package/source/css/_layout/tag-plugins/banner.styl +20 -8
  36. package/source/css/_layout/tag-plugins/button.styl +36 -0
  37. package/source/css/_layout/tag-plugins/common.styl +4 -0
  38. package/source/css/_layout/tag-plugins/folders.styl +2 -2
  39. package/source/css/_layout/tag-plugins/folding.styl +3 -3
  40. package/source/css/_layout/tag-plugins/hashtag.styl +1 -1
  41. package/source/css/_layout/tag-plugins/icon.styl +12 -0
  42. package/source/css/_layout/tag-plugins/image.styl +1 -1
  43. package/source/css/_layout/tag-plugins/link.styl +1 -1
  44. package/source/css/_layout/tag-plugins/navbar.styl +9 -22
  45. package/source/css/_layout/tag-plugins/note.styl +3 -3
  46. package/source/css/_layout/tag-plugins/okr.styl +11 -2
  47. package/source/css/_layout/tag-plugins/poetry.styl +2 -2
  48. package/source/css/_layout/tag-plugins/quot.styl +21 -21
  49. package/source/css/_layout/tag-plugins/tabs.styl +1 -1
  50. package/source/css/_layout/tag-plugins/timeline.styl +4 -5
  51. package/source/css/_layout/widgets/ghrepo.styl +1 -1
  52. package/source/css/_layout/widgets/ghuser.styl +1 -1
  53. package/source/css/_layout/widgets/timeline.styl +11 -8
  54. package/source/css/_layout/widgets/widgets.styl +1 -1
  55. package/source/css/_plugins/aplayer.styl +1 -1
  56. package/source/css/_plugins/comments/artalk.styl +1 -1
  57. package/source/css/_plugins/comments/twikoo.styl +3 -3
  58. package/source/css/_plugins/copycode.styl +1 -1
  59. package/source/css/_plugins/tianli_gpt.styl +2 -2
@@ -9,12 +9,12 @@
9
9
  font-weight: 500
10
10
  margin: 1.25rem 0 .75rem 0
11
11
  line-height: 1.2
12
- font-size: $fs-h3
12
+ font-size: $fsh4
13
13
  border-bottom: none
14
14
  color: var(--text)
15
15
  trans1 color
16
16
  @media screen and (max-width: $device-mobile)
17
- font-size: $fs-h4
17
+ font-size: $fsh5
18
18
  margin: 0.5rem 0
19
19
  .wiki .post-title
20
20
  margin-top: 0.5rem
@@ -46,20 +46,26 @@
46
46
  margin: 0.5rem 0
47
47
  line-height: 1.5
48
48
  .meta.cap
49
- display: flex
49
+ &,span
50
+ display: flex
51
+ align-items: center
50
52
  flex-wrap: wrap
51
- align-items: center
52
- margin: 0.25rem 0
53
- line-height: 1.5
54
- span+span
55
- margin-left: 0.5rem
56
- span.pin
53
+ margin: 0
54
+ line-height: 2
55
+ --fsp: $fsp1
56
+ font-size: var(--fsp)
57
+ svg
58
+ height: 1em
59
+ width: auto
57
60
  line-height: 0
61
+ transform: scale(1.2)
62
+ margin-right: 8px
63
+ >span+span
64
+ margin-left: 1.5rem
65
+ span.pin
58
66
  img
59
67
  object-fit: contain
60
- height: 1.5em
61
68
  svg
62
- height: 1.5rem
63
69
  color: $c-red
64
70
 
65
71
  .post-list.post .post-card:hover
@@ -121,18 +127,18 @@
121
127
  color: unset
122
128
  .title
123
129
  font-weight: 500
124
- font-size: $fs-h3
130
+ font-size: $fsh3
125
131
  @media screen and (max-width: $device-mobile)
126
132
  padding: 1rem
127
133
  div+div
128
134
  margin-top: 2px
129
135
  .title
130
- font-size: $fs-h4
136
+ font-size: $fsh4
131
137
  .cap
132
138
  font-size: $fs-12
133
139
  h2
134
140
  margin: .25rem 0
135
- font-size: $fs-h4
141
+ font-size: $fsh4
136
142
 
137
143
 
138
144
  // wiki
@@ -22,13 +22,13 @@
22
22
  .l_body[text-indent] .md-text.content
23
23
  >p
24
24
  text-indent: 'calc(%s * 2)' % var(--fsp)
25
- text-align: convert(hexo-config('style.text-align'))
25
+ text-align: justify
26
26
  h1,h2,h3,h4,h5,h6
27
27
  text-align: center
28
28
  a.headerlink
29
29
  display: none
30
- >h2:not([class])
31
- border-bottom: none
30
+ h2
31
+ margin: 2em 0 1.5em
32
32
 
33
33
  .md-text
34
34
  ul:not(:last-child),
@@ -37,7 +37,7 @@
37
37
  margin: 0
38
38
  blockquote,ul,ol
39
39
  p,ul,ol
40
- --fsp: var(--fsp1)
40
+ --fsp: $fsp1
41
41
  font-size: var(--fsp)
42
42
  line-height: 1.5
43
43
  code
@@ -59,7 +59,6 @@
59
59
  // titles
60
60
  .md-text.content
61
61
  h1,h2,h3,h4,h5,h6
62
- margin-bottom: var(--gap-p)
63
62
  color: var(--text)
64
63
  line-height: 1.8
65
64
  blockquote, .tag-plugin
@@ -81,17 +80,10 @@
81
80
  padding: 0 2px
82
81
  font-size: $fs-12
83
82
  h2
84
- margin-top: 'calc(%s + 1rem)' % var(--gap-p)
85
- font-weight: 400
83
+ font-weight: 500
86
84
  a.headerlink:before
87
85
  content: ':'
88
- h3
89
- margin-top: 'calc(%s + 0.75rem)' % var(--gap-p)
90
- font-weight: 400
91
- h4,h5,h6
92
- margin-top: 'calc(%s + 0.5rem)' % var(--gap-p)
93
- font-weight: 500
94
-
86
+
95
87
  .md-text.content:first-child .tag-plugin:first-child
96
88
  margin-top: 0
97
89
 
@@ -52,7 +52,15 @@
52
52
  align-items: center
53
53
  justify-content: space-between
54
54
  font-weight: 500
55
- font-size: $fs-14
55
+ font-size: $fsp2
56
+ span
57
+ display: flex
58
+ align-items: center
59
+ svg
60
+ height: 1em
61
+ width: auto
62
+ transform: scale(1.2)
63
+ margin-right: 8px
56
64
  .badge
57
65
  font-weight: 700
58
66
  font-family: $ff-code
@@ -15,15 +15,16 @@
15
15
  align-items: flex-start
16
16
  margin: 1rem 'calc(1rem - 4px)'
17
17
  .title
18
- font-size: $fs-h1
18
+ font-size: $fsh1
19
19
  color: var(--text-banner)
20
20
  .bottom
21
- padding: 1.5rem 1rem
21
+ padding: 2rem 1rem
22
22
  h1
23
23
  line-height: 1.2
24
24
  margin: 0
25
25
 
26
-
26
+ .l_body[text-indent] .article.banner .content .bottom
27
+ justify-content: center
27
28
 
28
29
 
29
30
  // 动画配置
@@ -2,16 +2,16 @@
2
2
  margin-top: 4rem
3
3
  padding: 1rem
4
4
  background: var(--block)
5
- border-radius: $border-block
5
+ border-radius: $border-card
6
6
  border: 1px solid var(--block-border)
7
7
  &:empty
8
8
  display: none
9
9
  .header
10
10
  font-weight: 500
11
11
  color: var(--text-p2)
12
- font-size: $fs-h4
12
+ font-size: $fsh5
13
13
  .body
14
- --fsp: var(--fsp2)
14
+ --fsp: $fsp2
15
15
  input.copy-area
16
16
  margin: 0.75rem 0
17
17
  padding: 0
@@ -29,7 +29,7 @@
29
29
  line-height: 1.2
30
30
  word-break: break-all
31
31
  p
32
- --fsp: var(--fsp2)
32
+ --fsp: $fsp2
33
33
  a
34
34
  text-decoration: none
35
35
  color: unset
@@ -1,4 +1,4 @@
1
- .nav-wrap
1
+ .navbar
2
2
  padding: 0 1rem
3
3
  z-index: 8
4
4
  top: 0
@@ -13,15 +13,15 @@
13
13
  margin-top: -8px
14
14
  &:after
15
15
  content: ''
16
- width: 'calc(100% - 2 * %s)' % 1rem
17
16
  height: 2px
18
17
  border-radius: 2px
19
18
  position: absolute
20
19
  bottom: 0
21
20
  left: 1rem
21
+ right: 1rem
22
22
  background: var(--block-hover)
23
23
 
24
- nav.sub
24
+ .navbar nav
25
25
  display: flex
26
26
  overflow: scroll visible
27
27
  scrollbar(0, 0)
@@ -29,7 +29,7 @@ nav.sub
29
29
  >p
30
30
  margin: 0
31
31
  a
32
- padding: .25rem 0.75rem
32
+ padding: 2px 0.75rem
33
33
  if hexo-config('style.site') && hexo-config('style.site.background-image')
34
34
  margin: 10px 0.25rem 8px 0
35
35
  else
@@ -57,13 +57,15 @@ nav.sub
57
57
  &.active
58
58
  background: var(--card)
59
59
  box-shadow: $boxshadow-button
60
+ cursor default
61
+ pointer-events: none
60
62
  &.active:after
61
63
  content: ''
62
64
  a+a
63
65
  margin-left: 4px
64
66
 
65
67
  @media screen and (max-width: $device-mobile-max)
66
- .nav-wrap
68
+ .navbar.top
67
69
  margin-top: 0
68
70
  padding-left: 0
69
71
  padding-right: 0
@@ -31,7 +31,7 @@ article.md-text.content+.related-wrap
31
31
  .title
32
32
  color: var(--text-p1)
33
33
  font-weight: 500
34
- --fsp: var(--fsp1)
34
+ --fsp: $fsp1
35
35
  font-size: var(--fsp)
36
36
  trans2 color border
37
37
  position: relative
@@ -40,7 +40,7 @@ article.md-text.content+.related-wrap
40
40
  line-height: 1.6
41
41
  .excerpt
42
42
  color: var(--text-p3)
43
- --fsp: var(--fsp3)
43
+ --fsp: $fsp3
44
44
  font-size: var(--fsp)
45
45
  margin-top: 0.5rem
46
46
  display: -webkit-box
@@ -74,7 +74,7 @@ article.md-text.content+.related-wrap
74
74
  margin: 0
75
75
  line-height: 1.2
76
76
  color: var(--text-p1)
77
- font-size: $fs-h4
77
+ font-size: $fsh5
78
78
  &:hover
79
79
  color: $color-hover !important
80
80
  #next
@@ -82,7 +82,7 @@ article.md-text.content+.related-wrap
82
82
  .wiki+.related-wrap#read-next
83
83
  .item
84
84
  a
85
- font-size: $fs-h3
85
+ font-size: $fsh3
86
86
  &#prev a
87
87
  color: var(--text-p3)
88
88
 
@@ -18,29 +18,31 @@
18
18
  background: var(--alpha100)
19
19
  .search-input
20
20
  width: 100%
21
- line-height: 16px
22
21
  box-sizing: border-box
23
22
  font-family: $ff-body
24
- font-size: $fs-13
23
+ font-size: $fs-14
25
24
  padding: 12px 0
26
25
  color: var(--text)
27
26
  .search-button
28
27
  border-radius: $border-bar
29
- line-height: 40px
30
- .search-icon
31
- width: 44px
32
- margin-left: 4px
33
- color: var(--text-p2)
34
- margin-bottom: 2px
35
- path[p-id="1562"]
36
- color: $color-theme
28
+ display: flex
29
+ align-items: center
30
+ height: 40px
31
+ svg
32
+ height: 1rem
33
+ width: 40px
34
+ margin-left: 4px
35
+ color: var(--text-p2)
36
+ fill: currentColor
37
+ path[p-id="1562"]
38
+ color: $color-theme
37
39
 
38
40
  &[searching='true']
39
- .search-icon
41
+ .search-button
40
42
  path[p-id="1562"]
41
43
  color: $c-green
42
44
  &.noresult[searching='true']
43
- .search-icon
45
+ .search-button
44
46
  path[p-id="1562"]
45
47
  color: $c-red
46
48
 
@@ -1,7 +1,7 @@
1
1
  .l_left
2
- margin-right: 8px
2
+ margin: 8px 8px 8px 0
3
3
  height: 'calc(%s - 16px)' % 100vh
4
- border-radius: $border-card
4
+ border-radius: $border-card-l
5
5
  overflow: hidden
6
6
  .header
7
7
  margin: var(--gap-l) var(--gap-l) 0
@@ -1,5 +1,7 @@
1
1
  .banner
2
2
  border-radius: $border-card
3
+ &.top
4
+ border-radius: $border-card-l
3
5
  position: relative
4
6
  overflow: hidden
5
7
  display: flex
@@ -24,24 +26,34 @@
24
26
  align-items: center
25
27
  line-height: 1
26
28
  margin: 1rem
27
- .navbar
29
+ .tag-plugin.navbar
28
30
  margin: 0
29
- nav.cap
30
- border-radius: 6px
31
- background: rgba(black, 0.2)
31
+ border-radius: 6px
32
+ padding: 2px
33
+ background: rgba(black, 0.2)
34
+ overflow: hidden
35
+ &:after
36
+ content: none
32
37
  .link
38
+ margin: 0
39
+ border-radius: 4px
33
40
  color: rgba(white, 0.8)
34
41
  padding: 2px 6px
35
- border-radius: 4px
36
42
  background: none
37
43
  line-height: 1.5
38
44
  font-size: $fs-15
39
- &.active
45
+ text-shadow: 0 0 1px rgba(0,0,0,0.12)
46
+ &+.link
47
+ margin-left: 2px
48
+ &:after
49
+ content: none
50
+ &:hover
40
51
  color: white
41
52
  background: rgba(white, 0.25)
42
- &:hover
53
+ &.active
43
54
  color: white
44
- background: rgba(black, 0.5) !important
55
+ background: rgba(white, 0.25)
56
+
45
57
  .back
46
58
  background: none
47
59
  padding: 0
@@ -0,0 +1,36 @@
1
+ a.tag-plugin.button
2
+ background: var(--theme)
3
+ color: var(--alpha100)
4
+ display: inline-flex
5
+ align-items: center
6
+ justify-content: center
7
+ padding: 0 4px
8
+ trans1 background
9
+ margin-top: 8px
10
+ margin-bottom: 8px
11
+ svg,img
12
+ height: 24px
13
+ width: auto
14
+ margin: 0 -0.5em 0 1em
15
+ flex-shrink: 0
16
+ span
17
+ text-indent: 0
18
+ line-height: 24px
19
+ margin: 8px 1em
20
+
21
+
22
+ a.tag-plugin.button[size='xs']
23
+ margin: 0
24
+ border-radius: 2px
25
+ svg,img
26
+ margin: 0 2px 0 0
27
+ height: 1em
28
+ span
29
+ margin: 0
30
+
31
+ a.tag-plugin.button:hover
32
+ --theme: $color-hover
33
+
34
+ .tag-plugin.grid a.tag-plugin.button
35
+ width: 100%
36
+ box-sizing: border-box
@@ -40,6 +40,10 @@ set_dynamic_color($theme)
40
40
  set_dynamic_color($c-blue)
41
41
  .colorful[color='purple']
42
42
  set_dynamic_color($c-purple)
43
+ .colorful[color='theme']
44
+ set_dynamic_color($color-theme)
45
+ .colorful[color='accent']
46
+ set_dynamic_color($color-accent)
43
47
 
44
48
  .colorful[color='light']
45
49
  --theme-block: white
@@ -1,6 +1,6 @@
1
1
  .tag-plugin.folders
2
2
  margin: var(--gap-p) 0
3
- --fsp: var(--fsp2)
3
+ --fsp: $fsp2
4
4
  font-size: var(--fsp)
5
5
  border-top: 1px solid var(--block-border)
6
6
  overflow: hidden
@@ -43,7 +43,7 @@
43
43
  content: '-'
44
44
 
45
45
  >div.body
46
- --fsp: var(--fsp1)
46
+ --fsp: $fsp1
47
47
  >:first-child
48
48
  margin-top: 1rem
49
49
  >:last-child
@@ -2,7 +2,7 @@ details.folding
2
2
  display: block
3
3
  padding: 1rem
4
4
  margin: 1rem 0
5
- border-radius: $border-block
5
+ border-radius: $border-card
6
6
  background: var(--theme-block)
7
7
  border: 1px solid var(--theme-border)
8
8
  summary
@@ -11,7 +11,7 @@ details.folding
11
11
  margin: -1rem
12
12
  color: var(--text-p2)
13
13
  font-weight: 500
14
- --fsp: var(--fsp2)
14
+ --fsp: $fsp2
15
15
  font-size: var(--fsp)
16
16
  position: relative
17
17
  line-height: 1.2
@@ -45,7 +45,7 @@ details.folding[open]
45
45
  padding: 0 1rem 1rem
46
46
  margin: 0 -1rem -1rem
47
47
  color: var(--text-p1)
48
- --fsp: var(--fsp1)
48
+ --fsp: $fsp1
49
49
  >:first-child
50
50
  margin-top: 1rem
51
51
  >:last-child
@@ -6,7 +6,7 @@
6
6
  margin: 2px 0
7
7
  display: inline-flex
8
8
  align-items: center
9
- --fsp: var(--fsp2)
9
+ --fsp: $fsp2
10
10
  font-size: var(--fsp)
11
11
  font-weight: 500
12
12
  trans2 background color
@@ -0,0 +1,12 @@
1
+ span.tag-plugin.icon
2
+ display: inline-block
3
+ margin: -4px 1px 0
4
+ vertical-align: middle
5
+ svg,img
6
+ display: block
7
+ height: 1.5em
8
+ width: auto
9
+ svg
10
+ color: var(--theme)
11
+ img
12
+ object-fit: contain
@@ -19,7 +19,7 @@
19
19
  font-size: 1.125rem
20
20
  padding: 6px
21
21
  line-height: 0
22
- border-radius: 4px
22
+ border-radius: 40px
23
23
  trans3: color opacity background
24
24
  color: var(--text-p1)
25
25
  &:hover
@@ -12,7 +12,7 @@
12
12
  width: 300px
13
13
  max-width: 100%
14
14
  box-shadow: $boxshadow-card
15
- border-radius: $border-bar
15
+ border-radius: $border-card
16
16
  hover-float()
17
17
 
18
18
  .md-text .link-card.plain
@@ -1,22 +1,9 @@
1
- .md-text .tag-plugin.navbar
2
- text-align: center
3
- nav.cap
4
- margin: 0
5
- padding: 1px
6
- background: var(--card)
7
- box-shadow: $boxshadow-button
8
- border-radius: 6px
9
- display: inline-flex
10
- max-width: 100%
11
- a
12
- margin: 1px
13
- padding: 0.25em 0.75rem
14
- color: var(--text-p2)
15
- &:after
16
- display: none
17
- &:hover
18
- background: var(--block)
19
- &.active
20
- background: var(--block)
21
- box-shadow: none
22
- color: var(--text-p1)
1
+ .tag-plugin.navbar
2
+ padding: 0
3
+ &:after
4
+ left: 0
5
+ right: 0
6
+
7
+ @media screen and (min-width: $device-mobile-max)
8
+ .tag-plugin.navbar nav a
9
+ margin-top: 2px
@@ -1,14 +1,14 @@
1
1
  .md-text .tag-plugin.note
2
2
  position: relative
3
3
  padding: 0.25rem 1rem
4
- border-radius: $border-block
4
+ border-radius: $border-card
5
5
  background: var(--theme-block)
6
6
  overflow: hidden
7
7
  if hexo-config('tag_plugins.note.border') == true
8
8
  border: 1px solid var(--theme-border)
9
9
  color: var(--text-p1)
10
10
  >.title
11
- --fsp: var(--fsp1)
11
+ --fsp: $fsp1
12
12
  font-size: var(--fsp)
13
13
  line-height: 1.5
14
14
  margin-top: var(--gap-p-compact)
@@ -16,7 +16,7 @@
16
16
  color: var(--text)
17
17
  >.body
18
18
  &,p
19
- --fsp: var(--fsp2)
19
+ --fsp: $fsp2
20
20
  font-size: var(--fsp)
21
21
  line-height: 1.5
22
22
  margin-top: var(--gap-p-compact)
@@ -1,6 +1,6 @@
1
1
  .md-text .tag-plugin.okr
2
2
  position: relative
3
- border-radius: $border-block
3
+ border-radius: $border-card
4
4
  background: var(--theme-block)
5
5
  if hexo-config('tag_plugins.okr.border') == true
6
6
  border: 1px solid var(--theme-border)
@@ -62,6 +62,7 @@
62
62
  justify-content: space-between
63
63
  align-items: flex-start
64
64
  position relative
65
+ flex-wrap: wrap
65
66
  .label
66
67
  background: var(--theme-block)
67
68
  color: var(--text-p1)
@@ -102,4 +103,12 @@
102
103
  background: var(--theme)
103
104
 
104
105
 
105
-
106
+ @media screen and (max-width: $device-mobile-max)
107
+ .tag-plugin.okr .okr-item
108
+ grid-template-columns: 2.8rem auto 50px
109
+ grid-column-gap: 0.5rem
110
+ padding: 0.5rem
111
+ .okr-left .title
112
+ padding: 0 0.25rem
113
+ .label
114
+ txt-ellipsis()
@@ -8,7 +8,7 @@
8
8
  margin-top: var(--gap-p)
9
9
  >.meta
10
10
  color: var(--text-p2)
11
- --fsp: var(--fsp3)
11
+ --fsp: $fsp3
12
12
  font-size: var(--fsp)
13
13
  font-weight: 500
14
14
  span+span
@@ -22,7 +22,7 @@
22
22
  font-style: italic
23
23
  color: var(--text-p4)
24
24
  margin: var(--gap-p) 0
25
- --fsp: var(--fsp3)
25
+ --fsp: $fsp3
26
26
  font-size: var(--fsp)
27
27
 
28
28
  // 描边修饰