hexo-theme-solitude 3.0.0 → 3.0.2

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 (53) hide show
  1. package/.github/FUNDING.yml +3 -4
  2. package/.github/ISSUE_TEMPLATE/config.yml +3 -3
  3. package/.github/workflows/npm-publish.yml +1 -1
  4. package/.github/workflows/release.yml +29 -0
  5. package/LICENSE +202 -21
  6. package/README.md +3 -1
  7. package/README_en-US.md +3 -1
  8. package/README_zh-Hant.md +3 -1
  9. package/_config.yml +19 -18
  10. package/languages/en.yml +0 -0
  11. package/languages/zh-CN.yml +0 -0
  12. package/languages/zh-TW.yml +0 -0
  13. package/layout/includes/footer.pug +10 -7
  14. package/layout/includes/head/config.pug +9 -9
  15. package/layout/includes/inject/body.pug +4 -4
  16. package/layout/includes/inject/head.pug +2 -2
  17. package/layout/includes/page/brevity.pug +7 -7
  18. package/layout/includes/widgets/aside/asideInfoCard.pug +18 -86
  19. package/layout/includes/widgets/home/banner.pug +0 -1
  20. package/layout/includes/widgets/home/bbTimeList.pug +4 -4
  21. package/layout/includes/widgets/page/about/contentinfo.pug +1 -1
  22. package/layout/includes/widgets/page/recentcomment/waline.pug +0 -1
  23. package/layout/index.pug +2 -2
  24. package/package.json +10 -10
  25. package/scripts/event/merge_config.js +4 -6
  26. package/scripts/filter/checkThemeConfig.js +3 -3
  27. package/scripts/helper/stylus.js +1 -1
  28. package/source/css/_components/capsule.styl +228 -0
  29. package/source/css/_components/expire.styl +12 -0
  30. package/source/css/_components/index.styl +17 -0
  31. package/source/css/_components/keyboard.styl +59 -0
  32. package/source/css/_components/pace.styl +39 -0
  33. package/source/css/_components/rightside.styl +63 -0
  34. package/source/css/_components/universe.styl +17 -0
  35. package/source/css/_layout/aside.styl +162 -460
  36. package/source/css/_layout/footer.styl +6 -9
  37. package/source/css/_page/_about/contentinfo.styl +1 -1
  38. package/source/css/_page/_home/home.styl +1 -1
  39. package/source/css/_page/{says.styl → brevity.styl} +54 -53
  40. package/source/css/_page/index.styl +2 -2
  41. package/source/css/index.styl +4 -1
  42. package/source/css/var.styl +2 -0
  43. package/source/js/main.js +7 -7
  44. package/.github/PULL_REQUEST_TEMPLATE.md +0 -28
  45. package/.github/workflows/issue_invalid.yml +0 -18
  46. package/.github/workflows/issue_question.yml +0 -30
  47. package/.github/workflows/issue_wontfix.yml +0 -29
  48. package/source/css/_layout/capsule.styl +0 -229
  49. package/source/css/_layout/expire.styl +0 -13
  50. package/source/css/_layout/keyboard.styl +0 -60
  51. package/source/css/_layout/pace.styl +0 -40
  52. package/source/css/_layout/rightside.styl +0 -58
  53. package/source/css/_layout/universe.styl +0 -18
@@ -1,5 +1,5 @@
1
1
  #about-page
2
- .myInfoAndSayHello
2
+ .myInfoAndWittyWord
3
3
  display flex
4
4
  flex-direction column
5
5
  justify-content center
@@ -1,4 +1,4 @@
1
- if hexo-config('hometop.enable') || hexo-config('says.enable')
1
+ if hexo-config('hometop.enable') || hexo-config('brevity.enable')
2
2
  #home_top
3
3
  max-width 1400px
4
4
  width 100%
@@ -1,4 +1,4 @@
1
- if hexo-config('says.home_mini')
1
+ if hexo-config('brevity.home_mini')
2
2
  #bbTimeList
3
3
  background var(--efu-card-bg)
4
4
  border-radius 12px
@@ -47,12 +47,12 @@ if hexo-config('says.home_mini')
47
47
  font-size 16px
48
48
  margin-left 1rem
49
49
 
50
- if hexo-config('says.enable')
50
+ if hexo-config('brevity.enable')
51
51
  #bber
52
52
  margin-top .5rem
53
53
  width 100%
54
54
 
55
- if hexo-config('says.style') == 2
55
+ if hexo-config('brevity.style') == 2
56
56
  .meta
57
57
  display flex
58
58
  align-items center
@@ -94,7 +94,7 @@ if hexo-config('says.enable')
94
94
  width 100%
95
95
  height 100%
96
96
 
97
- if hexo-config('says.style') == 1
97
+ if hexo-config('brevity.style') == 1
98
98
  .bber-bottom
99
99
  display flex
100
100
  justify-content space-between
@@ -161,68 +161,69 @@ if hexo-config('says.enable')
161
161
  i
162
162
  margin-right 4px
163
163
 
164
- .bber-music
165
- width 100%
166
- height 90px
167
- margin .5rem 0
168
- border-radius 8px
169
- overflow hidden
170
- border var(--style-border-always)
171
- background var(--efu-secondbg)
164
+ if hexo-config('brevity.music')
165
+ .bber-music
166
+ width 100%
167
+ height 90px
168
+ margin .5rem 0
169
+ border-radius 8px
170
+ overflow hidden
171
+ border var(--style-border-always)
172
+ background var(--efu-secondbg)
172
173
 
173
- .aplayer-lrc
174
- display none
174
+ .aplayer-lrc
175
+ display none
175
176
 
176
- .aplayer
177
- margin 0
177
+ .aplayer
178
+ margin 0
178
179
 
179
- .aplayer-info
180
- .aplayer-music
181
- height 23px
180
+ .aplayer-info
181
+ .aplayer-music
182
+ height 23px
182
183
 
183
- .aplayer-title
184
- font-size .8rem
185
- font-weight 700
186
- margin 0
187
- color var(--efu-black)
188
-
189
- .aplayer-controller
190
- align-items center
184
+ .aplayer-title
185
+ font-size .8rem
186
+ font-weight 700
187
+ margin 0
188
+ color var(--efu-black)
191
189
 
192
- .aplayer-bar-wrap
193
- padding 0
190
+ .aplayer-controller
191
+ align-items center
194
192
 
195
- .aplayer-bar
196
- background var(--efu-gray)
197
- height 8px
198
- border-radius 12px
199
- transition .3s
200
- overflow hidden
193
+ .aplayer-bar-wrap
194
+ padding 0
201
195
 
202
- .aplayer-played
203
- height 100%
196
+ .aplayer-bar
197
+ background var(--efu-gray)
198
+ height 8px
204
199
  border-radius 12px
200
+ transition .3s
201
+ overflow hidden
205
202
 
206
- .aplayer-thumb
207
- display none
203
+ .aplayer-played
204
+ height 100%
205
+ border-radius 12px
208
206
 
209
- .aplayer-loaded
210
- height 100%
211
- border-radius 12px
207
+ .aplayer-thumb
208
+ display none
212
209
 
213
- &:hover
214
- .aplayer-bar
215
- height 12px
210
+ .aplayer-loaded
211
+ height 100%
212
+ border-radius 12px
213
+
214
+ &:hover
215
+ .aplayer-bar
216
+ height 12px
216
217
 
217
- .aplayer-time
218
- position initial
218
+ .aplayer-time
219
+ position initial
219
220
 
220
- &.aplayer-withlrc
221
- .aplayer-pic
222
- height 82px
223
- width 82px
224
- margin 4px
225
- border-radius 4px
221
+ &.aplayer-withlrc
222
+ .aplayer-pic
223
+ height 82px
224
+ width 82px
225
+ margin 4px
226
+ border-radius 4px
226
227
 
227
228
  .bber-video
228
229
  position relative
@@ -9,8 +9,8 @@
9
9
  if hexo-config('recent_comments.enable') || (hexo-config('console.enable') && hexo-config('console.recentComment.enable'))
10
10
  @import "recentcomment.styl"
11
11
 
12
- if hexo-config('says.enable')
13
- @import "says.styl"
12
+ if hexo-config('brevity.enable')
13
+ @import "brevity.styl"
14
14
 
15
15
  if hexo-config('music.enable')
16
16
  @import "music.styl"
@@ -31,4 +31,7 @@ if hexo-config('comment.use')
31
31
 
32
32
  // third party
33
33
  if hexo-config('tianli_talk.enable')
34
- @import 'third_party/tianli_talk.styl'
34
+ @import 'third_party/tianli_talk.styl'
35
+
36
+ // components
37
+ @import '_components/index'
@@ -1,5 +1,7 @@
1
1
  error_img = hexo-config('errorpage.img')
2
2
 
3
+ $tag_cloud_limit = hexo-config('aside.tags.limit')
4
+
3
5
  $dark_theme = convert(hexo-config('theme_color.dark'))
4
6
  $dark_theme_op = convert(hexo-config('theme_color.dark') + '23')
5
7
  $dark_theme_op_deep = convert(hexo-config('theme_color.dark') + 'dd')
package/source/js/main.js CHANGED
@@ -150,7 +150,7 @@ const handleThemeChange = mode => {
150
150
  };
151
151
 
152
152
  const sco = {
153
- lastSayHello: "",
153
+ lastWittyWord: "",
154
154
  wasPageHidden: false,
155
155
  musicPlaying: false,
156
156
  scrollTo(elementId) {
@@ -232,15 +232,15 @@ const sco = {
232
232
  if (!consoleHideAside) return;
233
233
  consoleHideAside.classList.toggle("on", document.documentElement.classList.contains("hide-aside"));
234
234
  },
235
- changeSayHelloText() {
236
- const greetings = GLOBAL_CONFIG.aside.sayhello2;
235
+ changeWittyWord() {
236
+ const greetings = GLOBAL_CONFIG.aside.witty_words;
237
237
  const greetingElement = document.getElementById("author-info__sayhi");
238
238
  let randomGreeting;
239
239
  do {
240
240
  randomGreeting = greetings[Math.floor(Math.random() * greetings.length)];
241
- } while (randomGreeting === this.lastSayHello);
241
+ } while (randomGreeting === this.lastWittyWord);
242
242
  greetingElement.textContent = randomGreeting;
243
- this.lastSayHello = randomGreeting;
243
+ this.lastWittyWord = randomGreeting;
244
244
  },
245
245
  switchDarkMode() {
246
246
  const isDarkMode = document.documentElement.getAttribute('data-theme') === 'dark';
@@ -315,7 +315,7 @@ const sco = {
315
315
  const el = document.getElementById('author-info__sayhi');
316
316
  if (el) {
317
317
  const hours = new Date().getHours();
318
- const lang = GLOBAL_CONFIG.aside.sayhello;
318
+ const lang = GLOBAL_CONFIG.aside.state;
319
319
 
320
320
  const localData = getLocalData(['twikoo', 'WALINE_USER_META', 'WALINE_USER', '_v_Cache_Meta', 'ArtalkUser']);
321
321
 
@@ -330,7 +330,7 @@ const sco = {
330
330
  };
331
331
  const nick = localData ? (localData.nick || localData.display_name) : null;
332
332
 
333
- const prefix = this.wasPageHidden ? GLOBAL_CONFIG.aside.sayhello3.back + nick : GLOBAL_CONFIG.aside.sayhello3.prefix + nick;
333
+ const prefix = this.wasPageHidden ? GLOBAL_CONFIG.aside.witty_comment.back + nick : GLOBAL_CONFIG.aside.witty_comment.prefix + nick;
334
334
 
335
335
  const greetings = [
336
336
  { start: 0, end: 5, text: nick ? prefix : lang.goodnight },
@@ -1,28 +0,0 @@
1
- ### 🔗 链接 issue
2
-
3
- <!-- 请确保存在未解决的问题,将编号提及为 #123(示例) -->
4
-
5
- ### ❓ 修改类型
6
-
7
- <!--代码引入了哪些类型的更改?在所有适用的框中放置一个“x”。 -->
8
-
9
- - [ ] 🐞 Bug fix (修复问题的连续性改)
10
- - [ ] 👌 增强功能(改进现有功能,如性能)
11
- - [ ] ✨ Feature(添加功能的连续性修改)
12
- - [ ] ⚠️ 中断修改(重大的修改,如配置文件调整、模块移除)
13
-
14
- ### 📚 描述
15
-
16
- <!-- 详细说明你的更改 -->
17
- <!-- 为什么需要此更改?它解决了什么问题?-->
18
- <!-- 如果它解决了未解决的问题,请在此处链接到该问题。例如,“Resolves #1337” -->
19
-
20
- ### 📝 清单
21
-
22
- <!-- 在所有适用的框中放置一个“x”。 -->
23
- <!-- 如果更改需要文档 PR,请适当地链接它 -->
24
- <!-- 如果不确定其中任何一个,请随时询问。我们是来帮忙的! -->
25
-
26
- - [ ] 我已链接问题或讨论。
27
- - [ ] 我已经添加了测试(如果可能的话)。
28
- - [ ] 我已相应地更新了[文档](https://github.com/everfu/solitude.js.org)。
@@ -1,18 +0,0 @@
1
- name: Issue Invalid
2
-
3
- on:
4
- issues:
5
- types: [labeled]
6
-
7
- jobs:
8
- lock-issue:
9
- runs-on: ubuntu-latest
10
- if: github.event.label.name == 'invalid'
11
- steps:
12
- - name: Lock issue
13
- uses: actions-cool/issues-helper@v2
14
- with:
15
- actions: "lock-issue"
16
- token: ${{ secrets.GITHUB_TOKEN }}
17
- issue-number: ${{ github.event.issue.number }}
18
- lock-reason: "off-topic"
@@ -1,30 +0,0 @@
1
- name: Issue Question
2
-
3
- on:
4
- issues:
5
- types: [labeled]
6
-
7
- jobs:
8
- create-comment:
9
- runs-on: ubuntu-latest
10
- if: github.event.label.name == 'question'
11
- steps:
12
- - name: Create comment
13
- uses: actions-cool/issues-helper@v2.0.0
14
- with:
15
- actions: "create-comment"
16
- token: ${{ secrets.ISSUSE_TOKEN }}
17
- issue-number: ${{ github.event.issue.number }}
18
- body: |
19
- Hello! 👋
20
-
21
- Thank you for submitting your question. To ensure we can provide the best answer possible, could you please confirm you've provided the following details:
22
- - A clear and concise description of your question.
23
- - Any relevant code snippets or links to your project.
24
- - What you've tried so far in attempting to solve your issue.
25
-
26
- In the meantime, you might find the answer to your question in our [FAQs](https://solitude-docs.efu.me/faq) or [documentation](https://solitude-docs.efu.me/).
27
-
28
- We aim to respond to questions within 48 hours. If your question is urgent, please consider reaching out through our support channels.
29
-
30
- Thanks again for reaching out, and we look forward to assisting you!
@@ -1,29 +0,0 @@
1
- name: Issue Wontfix
2
-
3
- on:
4
- issues:
5
- types: [labeled]
6
-
7
- jobs:
8
- handle-wontfix:
9
- runs-on: ubuntu-latest
10
- if: github.event.label.name == 'wontfix'
11
- steps:
12
- - name: Create comment for wontfix
13
- uses: actions-cool/issues-helper@v3
14
- with:
15
- actions: "create-comment"
16
- token: ${{ secrets.GITHUB_TOKEN }}
17
- issue-number: ${{ github.event.issue.number }}
18
- body: |
19
- Hi there! This issue has been marked as 'wontfix'. It means we've reviewed the issue but have chosen not to pursue it for reasons that may vary (e.g., aligning with the project's current priorities, outside of project scope, etc.).
20
-
21
- We understand this might not be the outcome you were hoping for. If you believe this decision should be reconsidered, please provide any additional context or reasoning that was not previously considered.
22
-
23
- Thank you for your understanding and for contributing to the project. Your efforts are greatly appreciated!
24
- - name: Close issue after wontfix
25
- uses: actions-cool/issues-helper@v3
26
- with:
27
- actions: "close-issue"
28
- token: ${{ secrets.GITHUB_TOKEN }}
29
- issue-number: ${{ github.event.issue.number }}
@@ -1,229 +0,0 @@
1
- if hexo-config('capsule.enable')
2
- @keyframes changeright
3
- 0%, 50%, 100%
4
- transform: rotate(0deg) scale(1.1)
5
- box-shadow: 0 0 2px #ffffff00
6
- 25%, 75%
7
- transform: rotate(90deg) scale(1.1)
8
- box-shadow: 0 0 14px #ffffff
9
-
10
- @keyframes playingShadow
11
- 0%, 100%
12
- box-shadow: 0 0px 12px -3px var(--efu-none)
13
- 50%
14
- box-shadow: 0 0px 12px 0px var(--efu-main)
15
-
16
- @keyframes lightBar
17
- 0%, 100%
18
- opacity: 0.1
19
- 60%
20
- opacity: 0.3
21
-
22
- .aplayer.aplayer-narrow
23
- .aplayer-body,
24
- .aplayer-pic
25
- height: 66px
26
- width: 66px
27
-
28
- #nav-music
29
- display: flex
30
- align-items: center
31
- z-index: 12
32
- position: fixed
33
- bottom: 20px
34
- left: 20px
35
- cursor: pointer
36
- transition: all 0.5s, left 0s
37
- transform-origin: left bottom
38
- box-shadow: var(--efu-shadow-border)
39
- border-radius: 40px
40
- overflow: hidden
41
-
42
- &:active
43
- transform: scale(0.97)
44
-
45
- &.playing
46
- border: var(--style-border)
47
- box-shadow: 0 0px 12px -3px var(--efu-none)
48
- animation: playingShadow 5s linear infinite
49
-
50
- .aplayer.aplayer-withlrc
51
- .aplayer-pic
52
- box-shadow: 0 0 14px #ffffffa6
53
- transform: rotate(0deg) scale(1.1)
54
- border-color: var(--efu-white)
55
- animation-play-state: running
56
-
57
- .aplayer-info
58
- color: var(--efu-white)
59
-
60
- #nav-music-hoverTips
61
- width: 0
62
-
63
- .aplayer
64
- background: var(--efu-main)
65
- border: var(--style-border-hover)
66
- backdrop-filter: saturate(180%) blur(20px)
67
- transform: translateZ(0)
68
-
69
- .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played
70
- animation-play-state: running
71
-
72
- &:hover:not(.playing) #nav-music-hoverTips
73
- opacity: 1
74
-
75
- .aplayer.aplayer-withlrc
76
- .aplayer-pic
77
- height: 25px
78
- width: 25px
79
- border-radius: 40px
80
- z-index: 1
81
- transition: 0.3s
82
- transform: rotate(0deg) scale(1)
83
- border: var(--style-border-always)
84
- animation: changeright 24s linear infinite
85
- animation-play-state: paused
86
-
87
- .aplayer-info
88
- height: 100%
89
- color: var(--efu-fontcolor)
90
- margin: 0
91
- padding: 0
92
- display: flex
93
- align-items: center
94
-
95
- #nav-music-hoverTips
96
- color: var(--efu-white)
97
- background: var(--efu-main)
98
- width: 100%
99
- height: 100%
100
- position: absolute
101
- top: 0
102
- left: 0
103
- align-items: center
104
- justify-content: center
105
- display: flex
106
- border-radius: 40px
107
- opacity: 0
108
- font-size: 12px
109
- z-index: 2
110
- transition: 0.3s
111
-
112
- .aplayer
113
- background: var(--efu-card-bg)
114
- border-radius: 60px
115
- height: 41px
116
- display: flex
117
- margin: 0
118
- transition: 0.3s
119
- border: var(--style-border)
120
- box-shadow: none
121
-
122
- .aplayer-notice,
123
- .aplayer-miniswitcher,
124
- .aplayer-list
125
- display: none
126
-
127
- .aplayer-body
128
- position: relative
129
- display: flex
130
- align-items: center
131
-
132
- .aplayer-info
133
- .aplayer-music
134
- margin: 0
135
- display: flex
136
- align-items: center
137
- padding: 0 12px 0 8px
138
- cursor: pointer
139
- z-index: 1
140
- height: 100%
141
-
142
- .aplayer-title
143
- cursor: pointer
144
- line-height: 1
145
- display: inline-block
146
- white-space: nowrap
147
- max-width: 120px
148
- overflow: hidden
149
- text-overflow: ellipsis
150
- transition: 0.3s
151
- user-select: none
152
-
153
- .aplayer-controller
154
- position: absolute
155
- width: 100%
156
- height: 100%
157
- top: 0
158
- left: 0
159
-
160
- .aplayer-bar-wrap
161
- margin: 0
162
- padding: 0
163
-
164
- .aplayer-bar
165
- height: 100%
166
- background: 0 0
167
-
168
- .aplayer-loaded
169
- display: none
170
-
171
- .aplayer-played
172
- height: 100%
173
- opacity: 0.1
174
- background-color: var(--efu-white) !important
175
- animation: lightBar 5s ease infinite
176
- animation-play-state: paused
177
-
178
- .aplayer-pic
179
- pointer-events: none
180
-
181
- .aplayer-button
182
- bottom: 50%
183
- right: 50%
184
- transform: translate(50%, 50%)
185
- margin: 0
186
- transition: 0.3s
187
- pointer-events all
188
-
189
- &:has(.aplayer-button.aplayer-play)
190
- animation-play-state: paused
191
- transform: rotate(0deg) scale(1) !important
192
-
193
- margin-left: 8px
194
-
195
- .aplayer-info .aplayer-controller .aplayer-time,
196
- .aplayer-info .aplayer-music .aplayer-author
197
- display: none
198
-
199
- &.aplayer-withlist .aplayer-info
200
- border: none
201
-
202
- .aplayer-lrc
203
- width: 0
204
- opacity: 0
205
- transition: 0.3s
206
- margin-bottom: -15px
207
-
208
- p.aplayer-lrc-current
209
- color: var(--efu-white)
210
- border: none
211
- min-height: 20px
212
- filter: none
213
-
214
- &:after,
215
- &:before
216
- display: none
217
-
218
- p
219
- color: #ffffffb3
220
- filter: blur(.8px)
221
-
222
- &.stretch .aplayer.aplayer-withlrc .aplayer-lrc
223
- width: 200px
224
- margin-left: 8px
225
- opacity: 1
226
-
227
- .aplayer-thumb
228
- width: 0!important
229
- height: 0!important
@@ -1,13 +0,0 @@
1
- if hexo-config("expire.enable")
2
- .expire
3
- display flex
4
- align-items center
5
- border-radius 8px
6
- background-color rgba(255,0,0,.5)
7
- border-left 5px solid var(--efu-red)
8
- padding 10px 16px
9
- color var(--efu-white)
10
-
11
- i.solitude
12
- color var(--efu-white)
13
- margin-right 8px
@@ -1,60 +0,0 @@
1
- if hexo-config('keyboard.enable')
2
- #keyboard-tips
3
- position fixed
4
- top 80px
5
- left 20px
6
- z-index 999
7
- background var(--efu-maskbgdeep)
8
- border-radius 12px
9
- border var(--style-border)
10
- padding 20px
11
- display flex
12
- flex-direction column
13
- backdrop-filter saturate(180%) blur(20px)
14
- transform translateZ(0)
15
- pointer-events none
16
- box-shadow var(--efu-shadow-border)
17
- opacity 0
18
- transition .3s
19
-
20
- &.show
21
- opacity 1
22
- transition .1s
23
-
24
- .keyboardTitle
25
- font-size 12px
26
- color var(--efu-secondtext)
27
- line-height 1
28
-
29
- .keyboardList
30
- display flex
31
- flex-direction column
32
- margin-top 8px
33
-
34
- .keyboardItem
35
- display flex
36
- margin-top 4px
37
-
38
- .keyGroup
39
- display flex
40
- align-items center
41
- width 90px
42
-
43
- .key
44
- padding 0.2em 0.4em
45
- font-family inherit
46
- background-color var(--efu-card-bg)
47
- color var(--efu-fontcolor)
48
- border var(--style-border)
49
- border-color var(--efu-secondtext)
50
- border-bottom 2px solid var(--efu-secondtext)
51
- box-shadow var(--efu-shadow-border)
52
- border-radius 0.25rem
53
- overflow-wrap break-word
54
- overflow-x auto
55
- font-weight 500
56
- font-size .875em
57
- margin-right 4px
58
- vertical-align baseline
59
- line-height 1
60
- height 24px
@@ -1,40 +0,0 @@
1
- if hexo-config('loading.pace')
2
- .pace
3
- pointer-events: none
4
- user-select: none
5
- z-index: 2000
6
- position: fixed
7
- margin: auto
8
- top: 4px
9
- left: 0
10
- right: 0
11
- height: 8px
12
- border-radius: 8px
13
- width: 4rem
14
- background: var(--efu-secondbg)
15
- border: var(--style-border)
16
- overflow: hidden
17
-
18
- &.pace-inactive
19
- opacity: 0
20
- transition: .3s
21
- top: -8px
22
-
23
- .pace-progress
24
- opacity: 0
25
- transition: .3s ease-in
26
-
27
- .pace-progress
28
- box-sizing: border-box
29
- transform: translate3d(0,0,0)
30
- max-width: 200px
31
- z-index: 2000
32
- display: block
33
- position: absolute
34
- top: 0
35
- right: 100%
36
- height: 100%
37
- width: 100%
38
- background: var(--efu-logo-color)
39
- animation: gradient 2s ease infinite
40
- background-size: 200%