hexo-theme-solitude 1.2.1 → 1.2.3

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.
package/_config.yml CHANGED
@@ -259,12 +259,14 @@ page:
259
259
  tags: true # 标签页
260
260
  categories: true # 分类页
261
261
  default: # 默认值
262
- cover: /img/default.png # 默认图片
262
+ cover:
263
+ - /img/default.png # 默认图片
263
264
 
264
265
  # 文章页默认设置
265
266
  post:
266
267
  default:
267
- cover: /img/default.png
268
+ cover:
269
+ - /img/default.png # 默认图片
268
270
  locate: 衡阳
269
271
  copyright:
270
272
  enable: true
@@ -334,6 +336,19 @@ loading:
334
336
  fullpage: false # 全局加载动画
335
337
  pace: false # 顶部加载动画
336
338
 
339
+ # 用于自定义的主题颜色
340
+ # 注意:颜色值必须使用引号,如“#000”,否则可能会导致错误!
341
+ # --------------------------------------
342
+ theme_color:
343
+ dark: "#f2b94b" # 暗色模式
344
+ dark_op: '#f2b94b23' # 暗色模式透明
345
+ dark_op_deep: '#f2b94b4d' # 暗色模式透明深色
346
+ dark_none: '#f2b94b00' # 暗色模式透明无色
347
+ light: "#bdbdf0" # 亮色模式
348
+ light_op: '#4259ef23' # 亮色模式透明
349
+ light_op_deep: '#eccec5' # 亮色模式透明深色
350
+ light_none: '#4259ef01' # 亮色模式透明无色
351
+
337
352
  # 第三方设置
338
353
  thirdparty:
339
354
  wordcount: false # 字数统计
@@ -486,6 +501,7 @@ cdn:
486
501
  algoliajs: https://cdn.bootcdn.net/ajax/libs/algoliasearch/4.9.3/algoliasearch-lite.umd.min.js
487
502
  pacejs: https://cdn.bootcdn.net/ajax/libs/pace/1.2.4/pace.min.js
488
503
  echartsjs: https://cdn.bootcdn.net/ajax/libs/echarts/5.4.2/echarts.min.js
504
+ lunrjs: https://cdn.bootcdn.net/ajax/libs/lunr.js/2.3.9/lunr.min.js
489
505
  body:
490
506
  viewimagejs: /lib/view-image.min.js
491
507
  waterfalljs: /lib/waterfall.min.js
@@ -30,7 +30,7 @@ script.
30
30
  },
31
31
  hightlight: {
32
32
  enable: !{theme.hightlight.enable},
33
- limit: '!{theme.hightlight.hightlimit}'
33
+ limit: !{theme.hightlight.hightlimit},
34
34
  },
35
35
  lightbox: !{theme.lightbox},
36
36
  randomlinks: !{theme.footer.randomlink},
@@ -54,9 +54,8 @@ if theme.aside.welcome.enable
54
54
  script(src='/js/txmap.js')
55
55
 
56
56
  if theme.comment.enable
57
- script(src='/js/extend/console/comment.js')
58
-
59
57
  if theme.comment.type === 'twikoo'
58
+ script(src='/js/extend/comment/twikoo.js')
60
59
  script(src='/js/commentBarrage.js')
61
60
 
62
61
  // pjax
@@ -65,4 +64,4 @@ include ../widgets/third-party/pjax.pug
65
64
  // inject custom body
66
65
  if theme.extends.body
67
66
  each item in theme.extends.body
68
- item
67
+ != item
@@ -26,6 +26,8 @@ if theme.thirdparty.search.enable
26
26
  if theme.thirdparty.search.type === 'algolia'
27
27
  script(src=url_for(cdn.instantsearch))
28
28
  script(src=url_for(cdn.algoliajs))
29
+ else if theme.thirdparty.search.type === 'local'
30
+ script(src=url_for(cdn.lunrjs))
29
31
 
30
32
  // aplayer
31
33
  if theme.thirdparty.aplayer.enable
@@ -38,7 +40,7 @@ if theme.says.home_mini || theme.aside.history.enable
38
40
  // custom inject
39
41
  if theme.extends.head
40
42
  each item in theme.extends.head
41
- item
43
+ != item
42
44
 
43
45
  // post-ai
44
46
  if theme.thirdparty.ai.enable
@@ -1,3 +1,3 @@
1
- - var pageClass = "equipment"
1
+ - var pageClass = "sharePage"
2
2
  include ../widgets/page/banner
3
3
  include ../widgets/page/equipment/content
@@ -1,4 +1,4 @@
1
- - var pageClass = "momentsPage"
1
+ - var pageClass = "sharePage"
2
2
  include ../widgets/page/banner
3
3
  if theme.thirdparty.circle.angle.enable
4
4
  include ../widgets/page/moments/angle
@@ -1,5 +1,5 @@
1
1
  if theme.says.enable
2
- - var pageClass = "essayPage"
2
+ - var pageClass = "sharePage"
3
3
  include ../widgets/page/banner
4
4
  #bber
5
5
  section.timeline.page-1
@@ -1,4 +1,4 @@
1
- - var pageClass = "essayPage"
1
+ - var pageClass = "sharePage"
2
2
  include ../widgets/page/banner
3
3
  .flink#article-container
4
4
  each data in site.data.tlink.links
@@ -1,5 +1,5 @@
1
1
  .card-tag-cloud
2
- each tag in site.tags.data
2
+ each tag in site.tags.find({ parent: { $exists: false } }).data
3
3
  a(href=url_for(tag.path), style="font-size: 0.8rem;")= tag.name
4
4
  sup= tag.length
5
5
  if site.tags.length > 50
@@ -1,7 +1,7 @@
1
1
  .category-bar-items#category-bar-items
2
2
  .category-bar-item(class=is_home() ? 'select' : '', id="category-bar-home")
3
3
  a(href="/") 首页
4
- each item in site.tags.find({ parent: { $exists: false } }).data
4
+ each item in site.categories.find({ parent: { $exists: false } }).data
5
5
  .category-bar-item(class=select ? (select === item.name ? 'select' : '') : '', id=item.name)
6
6
  a(href=url_for(item.path))= item.name
7
7
  if site.categories.length > 10
@@ -1,26 +1,25 @@
1
- for post in page.posts.sort('-date').data
2
- div(class="recent-post-item" onclick="pjax.loadUrl('/"+post.path+"')")
3
- div.post_cover.left_radius
4
- a(href=url_for(post.path), title=post.title)
5
- img(src=url_for(post.cover), alt=post.title, class="post_bg")
6
- div.recent-post-info
7
- div.recent-post-info-top
8
- div.recent-post-info-top-tips
9
- each category in post.categories.data
10
- span(class="original")= category.name
1
+ div(class="recent-post-item" onclick="pjax.loadUrl('/" + post.path + "')")
2
+ div.post_cover.left_radius
3
+ a(href=url_for(post.path), title=post.title)
4
+ img(src=url_for(post.cover), alt=post.title, class="post_bg")
5
+ div.recent-post-info
6
+ div.recent-post-info-top
7
+ div.recent-post-info-top-tips
8
+ each category in post.categories.data
9
+ span(class="original")= category.name
11
10
 
12
- if post.prev == null && is_home()
13
- span(class="original")="最新"
11
+ if post.prev == null && is_home()
12
+ span(class="original")="最新"
14
13
 
15
- a(class="unvisited-post" href=url_for(post.path), data-pjax-state)= "未读"
14
+ a(class="unvisited-post" href=url_for(post.path), data-pjax-state)= "未读"
16
15
 
17
- a(class="article-title" href=url_for(post.path), data-pjax-state, title=post.title)= post.title
16
+ a(class="article-title" href=url_for(post.path), data-pjax-state, title=post.title)= post.title
18
17
 
19
- div.article-meta-wrap
20
- span.article-meta.tags
21
- each tag in post.tags.data
22
- a(class="article-meta__tags" href=url_for(tag.path), data-pjax-state, onclick="window.event.cancelable=true")
23
- span.tags-punctuation=tag.name
18
+ div.article-meta-wrap
19
+ span.article-meta.tags
20
+ each tag in post.tags.data
21
+ a(class="article-meta__tags" href=url_for(tag.path), data-pjax-state, onclick="window.event.cancelable=true")
22
+ span.tags-punctuation=tag.name
24
23
 
25
- span.post-meta-date
26
- time(datetime=moment(post.date))
24
+ span.post-meta-date
25
+ time(datetime=moment(post.date))
@@ -5,12 +5,10 @@ div#algolia-search
5
5
  div#algolia-search-input
6
6
  div#search-results
7
7
  div#algolia-hits
8
+ div#algolia-tips
8
9
  div#algolia-pagination
9
10
  div#algolia-stats
10
- div.algolia-poweredBy
11
- div#algolia-tips
12
- i.scoicon.sco-algolia-fill
13
- span.algolia-tips-text= "Algolia 提供搜索服务"
11
+ #algolia-poweredBy
14
12
  span.search-close-button
15
13
  i.scoicon.sco-close-fill
16
14
  div#search-mask
@@ -4,12 +4,10 @@ div#local-search
4
4
  span.search-dialog-title 搜索
5
5
  button.search-close-button
6
6
  i.scoicon.sco-close-fill
7
- div#loading-database
8
- i.scoicon.sco-loading-line
9
- span 加载中
10
7
  div.search-wrap
11
8
  div.search-box
12
9
  input.search-box-input(type="text", id="search-input", autocomplete="off", spellcheck="false", autocorrect="off", autocapitalize="off", placeholder=__('search.placeholder'))
13
- div#loading-status
14
10
  div#search-results
11
+ div#search-pagination
12
+ div#search-tips
15
13
  div#search-mask
package/layout/index.pug CHANGED
@@ -11,7 +11,8 @@ block content
11
11
  div#category-bar
12
12
  include ./includes/widgets/home/categoryBar.pug
13
13
 
14
- include ./includes/widgets/home/postList.pug
14
+ for post in page.posts.sort('-date').data
15
+ include ./includes/widgets/home/postList.pug
15
16
 
16
17
  // pageination
17
18
  include ./includes/mixins/pagination.pug
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hexo-theme-solitude",
3
- "version": "1.2.1",
3
+ "version": "1.2.3",
4
4
  "description": "A beautiful, powerful, and efficient Hexo theme developed by the DuoSco team",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1"
@@ -1,23 +1,29 @@
1
1
  'use strict';
2
2
 
3
- hexo.extend.filter.register('after_post_render', function(data){
4
- const config = hexo.theme.config
5
- data.title = data.title || '无标题';
6
- if(data.layout === 'post'){
7
- data.locate = data.locate || config.post.default.locate
8
- data.cc = data.cc || config.post.default.copyright
9
- data.cover = data.cover || config.post.default.cover
10
- data.excerpt = data.description || data.excerpt
11
- if(config.aside.toc.post && data.toc !== false)data.toc = true
12
- else data.toc = false
13
- }
14
- if(data.layout === 'page'){
15
- data.cover = data.cover || config.page.default.cover
16
- data.excerpt = data.title
17
- if(config.aside.toc.page && data.toc !== false && data.aside)data.toc = true
18
- else data.toc = false
19
- }
20
- if(config.comment.enable && data.comment !== false)data.comment = true
21
- else data.comment = false
22
- return data;
23
- });
3
+ hexo.extend.filter.register('after_post_render', function (data) {
4
+ const config = hexo.theme.config
5
+ data.title = data.title || '无标题';
6
+ if (data.layout === 'post') {
7
+ data.locate = data.locate || config.post.default.locate
8
+ data.cc = data.cc || config.post.default.copyright
9
+ data.cover = data.cover || config.post.default.cover[getRandomInt(0, config.post.default.cover.length)]
10
+ data.excerpt = data.description || data.excerpt
11
+ if (config.aside.toc.post && data.toc !== false) data.toc = true
12
+ else data.toc = false
13
+ }
14
+ if (data.layout === 'page') {
15
+ data.cover = data.cover || config.page.default.cover[getRandomInt(0, config.post.default.cover.length)]
16
+ data.excerpt = data.title
17
+ if (config.aside.toc.page && data.toc !== false && data.aside) data.toc = true
18
+ else data.toc = false
19
+ }
20
+ if (config.comment.enable && data.comment !== false) data.comment = true
21
+ else data.comment = false
22
+ return data;
23
+ });
24
+
25
+ function getRandomInt(min, max) {
26
+ min = Math.ceil(min);
27
+ max = Math.floor(max);
28
+ return Math.floor(Math.random() * (max - min)) + min;
29
+ }
@@ -73,48 +73,4 @@
73
73
 
74
74
  +maxWidth768()
75
75
  --style-border 0px solid var(--sco-none) !important
76
- --style-border-hover 0px solid var(--sco-main) !important
77
-
78
- [data-theme=light]
79
- --sco-theme #bdbdf0
80
- --sco-theme-op #4259ef23
81
- --sco-theme-op-deep #eccec5
82
- --sco-theme-op-light #4259ef0d
83
- --sco-theme-none #4259ef01
84
- --sco-blue #425aef
85
- --sco-red #f04a63
86
- --sco-pink #ff7c7c
87
- --sco-green #57bd6a
88
- --sco-yellow #c28b00
89
- --sco-yellow-op #d99c001a
90
- --sco-orange #e38100
91
- --sco-purple #7a60d2
92
- --sco-fontcolor #363636
93
- --sco-background #f7f9fe
94
- --sco-reverse #000
95
- --sco-maskbg rgba(255, 255, 255, 0.6)
96
- --sco-maskbgdeep rgba(255, 255, 255, 0.85)
97
- --sco-hovertext var(--sco-main)
98
- --sco-ahoverbg #f7f7fa
99
- --sco-lighttext var(--sco-main)
100
- --sco-secondtext rgba(60, 60, 67, 0.8)
101
- --sco-scrollbar rgba(60, 60, 67, 0.4)
102
- --sco-card-btn-bg #edf0f7
103
- --sco-post-blockquote-bg #fafcff
104
- --sco-post-tabs-bg #f2f5f8
105
- --sco-secondbg #f7f7f9
106
- --sco-shadow-nav 0 5px 12px -5px rgba(102, 68, 68, 0.05)
107
- --sco-card-bg #fff
108
- --sco-card-bg-op var(--sco-black-op)
109
- --sco-card-bg-none rgba(255, 255, 255, 0)
110
- --sco-shadow-lightblack 0 5px 12px -5px rgba(102, 68, 68, 0.00)
111
- --sco-shadow-light2black 0 5px 12px -5px rgba(102, 68, 68, 0.00)
112
- --sco-card-border #e3e8f7
113
- --sco-shadow-border 0 8px 16px -4px #2c2d300c
114
- --style-border 1px solid var(--sco-card-border)
115
- --style-border-always 1px solid var(--sco-card-border)
116
- --style-border-hover 1px solid var(--sco-main)
117
- --style-border-hover-always 1px solid var(--sco-main)
118
- --style-border-dashed 1px dashed var(--sco-theme-op)
119
- --style-border-forever 2px solid var(--sco-main)
120
- --sco-navbg var(--sco-theme-op)
76
+ --style-border-hover 0px solid var(--sco-main) !important
@@ -1 +1,10 @@
1
- error_img = hexo-config('errorpage.img')
1
+ error_img = hexo-config('errorpage.img')
2
+
3
+ $dark_theme = convert(hexo-config('theme_color.dark'))
4
+ $dark_theme_op = convert(hexo-config('theme_color.dark_op'))
5
+ $dark_theme_op_deep = convert(hexo-config('theme_color.dark_op_deep'))
6
+ $dark_theme_none = hexo-config('theme_color.dark_none')
7
+ $light_theme = convert(hexo-config('theme_color.light'))
8
+ $light_theme_op = convert(hexo-config('theme_color.light_op'))
9
+ $light_theme_op_deep = convert(hexo-config('theme_color.light_op_deep'))
10
+ $light_theme_none = hexo-config('theme_color.light_none')
@@ -1,8 +1,8 @@
1
1
  [data-theme=dark]
2
- --sco-theme #f2b94b
3
- --sco-theme-op #f2b94b23
4
- --sco-theme-op-deep #f2b94bdd
5
- --sco-theme-none #f2b94b00
2
+ --sco-theme $dark_theme
3
+ --sco-theme-op $dark_theme_op
4
+ --sco-theme-op-deep $dark_theme_op_deep
5
+ --sco-theme-none $dark_theme_none
6
6
  --sco-blue #0084ff
7
7
  --sco-red #ff3842
8
8
  --sco-pink #d44040
@@ -49,4 +49,48 @@
49
49
  a
50
50
  &.darkmode_switchbutton
51
51
  background var(--sco-orange) !important
52
- color var(--sco-white) !important
52
+ color var(--sco-white) !important
53
+
54
+ [data-theme=light]
55
+ --sco-theme $light_theme
56
+ --sco-theme-op $light_theme_op
57
+ --sco-theme-op-deep $light_theme_op_deep
58
+ --sco-theme-op-light #4259ef0d
59
+ --sco-theme-none $light_theme_none
60
+ --sco-blue #425aef
61
+ --sco-red #f04a63
62
+ --sco-pink #ff7c7c
63
+ --sco-green #57bd6a
64
+ --sco-yellow #c28b00
65
+ --sco-yellow-op #d99c001a
66
+ --sco-orange #e38100
67
+ --sco-purple #7a60d2
68
+ --sco-fontcolor #363636
69
+ --sco-background #f7f9fe
70
+ --sco-reverse #000
71
+ --sco-maskbg rgba(255, 255, 255, 0.6)
72
+ --sco-maskbgdeep rgba(255, 255, 255, 0.85)
73
+ --sco-hovertext var(--sco-main)
74
+ --sco-ahoverbg #f7f7fa
75
+ --sco-lighttext var(--sco-main)
76
+ --sco-secondtext rgba(60, 60, 67, 0.8)
77
+ --sco-scrollbar rgba(60, 60, 67, 0.4)
78
+ --sco-card-btn-bg #edf0f7
79
+ --sco-post-blockquote-bg #fafcff
80
+ --sco-post-tabs-bg #f2f5f8
81
+ --sco-secondbg #f7f7f9
82
+ --sco-shadow-nav 0 5px 12px -5px rgba(102, 68, 68, 0.05)
83
+ --sco-card-bg #fff
84
+ --sco-card-bg-op var(--sco-black-op)
85
+ --sco-card-bg-none rgba(255, 255, 255, 0)
86
+ --sco-shadow-lightblack 0 5px 12px -5px rgba(102, 68, 68, 0.00)
87
+ --sco-shadow-light2black 0 5px 12px -5px rgba(102, 68, 68, 0.00)
88
+ --sco-card-border #e3e8f7
89
+ --sco-shadow-border 0 8px 16px -4px #2c2d300c
90
+ --style-border 1px solid var(--sco-card-border)
91
+ --style-border-always 1px solid var(--sco-card-border)
92
+ --style-border-hover 1px solid var(--sco-main)
93
+ --style-border-hover-always 1px solid var(--sco-main)
94
+ --style-border-dashed 1px dashed var(--sco-theme-op)
95
+ --style-border-forever 2px solid var(--sco-main)
96
+ --sco-navbg var(--sco-theme-op)
@@ -703,28 +703,6 @@
703
703
  .author-content-item
704
704
  animation slide-in .6s 0s backwards
705
705
 
706
- .author-content-item
707
- .content-bottom
708
- margin-top auto
709
- display flex
710
- align-items center
711
- justify-content space-between
712
-
713
- .icon-group
714
- display flex
715
-
716
- i
717
- display inline-block
718
- width 22px
719
- height 18px
720
- margin-right .5rem
721
-
722
- .icon-pos-sup
723
- background url(https://bu.dusays.com/2023/03/12/640dc913ee26b.webp)
724
-
725
- .icon-pos-mid
726
- background url(https://bu.dusays.com/2023/03/12/640dc931a2cd4.webp)
727
-
728
706
  .author-content-item
729
707
  &.game-jl
730
708
  width 39%
@@ -770,70 +748,6 @@
770
748
  top 0
771
749
  left 0
772
750
 
773
- .card-content
774
- position absolute
775
- width 100%
776
- height 100%
777
- top 0
778
- left 0
779
- z-index 2
780
- display flex
781
- flex-direction column
782
- padding 1rem 2rem
783
-
784
- .author-content-item-title
785
- margin-bottom .5rem
786
-
787
- .banner-button-group
788
- position absolute
789
- bottom 1.5rem
790
- right 2rem
791
-
792
- .banner-button
793
- height 40px
794
- width 118px
795
- border-radius 20px
796
- justify-content center
797
- background var(--sco-black-op)
798
- color var(--sco-white)
799
- display flex
800
- align-items center
801
- z-index 1
802
- transition .3s
803
- cursor pointer
804
- backdrop-filter saturate(180%) blur(20px)
805
- -webkit-backdrop-filter blur(20px)
806
- transform translateZ(0)
807
-
808
- &:hover
809
- background var(--sco-main)
810
- color var(--sco-white)
811
-
812
- i
813
- margin-right 8px
814
- font-size 22px
815
-
816
- @media screen and (max-width: 768px)
817
- .author-content-item
818
- .card-content
819
- .banner-button-group
820
- right 1rem
821
- bottom 1rem
822
-
823
- .banner-button-group
824
- .banner-button
825
- background 0 0 !important
826
- color var(--sco-white)
827
- padding 0
828
- width fit-content
829
-
830
- i
831
- margin-right 0
832
- font-size 1.5rem
833
-
834
- .banner-button-text
835
- display none
836
-
837
751
  .author-content-item
838
752
  &.single.like-movie
839
753
  height 19rem
@@ -877,29 +791,6 @@ video.author-content-video
877
791
  width 49%
878
792
  justify-content space-between
879
793
 
880
- .author-content-item
881
- width 49%
882
- border-radius 12px
883
- background var(--sco-card-bg)
884
- border var(--style-border-always)
885
- box-shadow var(--sco-shadow-border)
886
- position relative
887
- padding 1rem 2rem
888
- overflow hidden
889
-
890
- &.single
891
- width 100%
892
-
893
- .author-content-item-title
894
- font-size 36px
895
- font-weight 700
896
- line-height 1
897
-
898
- .author-content-item-tips
899
- opacity .8
900
- font-size .6rem
901
- margin-bottom .5rem
902
-
903
794
  @media screen and (max-width: 768px)
904
795
  .author-content-item
905
796
  width 100% !important
@@ -1,10 +1,3 @@
1
- .author-content.author-content-item.equipment
2
- height 19rem
3
- background-size cover
4
- color var(--sco-white)
5
- overflow hidden
6
- margin-top 0
7
-
8
1
  .equipment-item-content
9
2
  display flex
10
3
  flex-direction row
@@ -19,4 +19,113 @@ if hexo-config('says.enable')
19
19
  @import "tag.styl"
20
20
 
21
21
  if hexo-config('about.enable')
22
- @import "about.styl"
22
+ @import "about.styl"
23
+
24
+ .author-content.author-content-item.sharePage
25
+ height 19rem
26
+ background-size cover
27
+ color var(--sco-white)
28
+ overflow hidden
29
+ margin-top 0
30
+
31
+ .author-content-item
32
+ width 49%
33
+ border-radius 12px
34
+ background var(--sco-card-bg)
35
+ border var(--style-border-always)
36
+ box-shadow var(--sco-shadow-border)
37
+ position relative
38
+ padding 1rem 2rem
39
+ overflow hidden
40
+
41
+ &.single
42
+ width 100%
43
+
44
+ .author-content-item-title
45
+ font-size 36px
46
+ font-weight 700
47
+ line-height 1
48
+
49
+ .author-content-item-tips
50
+ opacity .8
51
+ font-size .6rem
52
+ margin-bottom .5rem
53
+
54
+ .content-bottom
55
+ margin-top auto
56
+ display flex
57
+ align-items center
58
+ justify-content space-between
59
+
60
+ .icon-group
61
+ display flex
62
+
63
+ i
64
+ display inline-block
65
+ width 22px
66
+ height 18px
67
+ margin-right .5rem
68
+
69
+ .card-content
70
+ position absolute
71
+ width 100%
72
+ height 100%
73
+ top 0
74
+ left 0
75
+ z-index 2
76
+ display flex
77
+ flex-direction column
78
+ padding 1rem 2rem
79
+
80
+ .author-content-item-title
81
+ margin-bottom .5rem
82
+
83
+ .banner-button-group
84
+ position absolute
85
+ bottom 1.5rem
86
+ right 2rem
87
+
88
+ .banner-button
89
+ height 40px
90
+ width 118px
91
+ border-radius 20px
92
+ justify-content center
93
+ background var(--sco-black-op)
94
+ color var(--sco-white)
95
+ display flex
96
+ align-items center
97
+ z-index 1
98
+ transition .3s
99
+ cursor pointer
100
+ backdrop-filter saturate(180%) blur(20px)
101
+ -webkit-backdrop-filter blur(20px)
102
+ transform translateZ(0)
103
+
104
+ &:hover
105
+ background var(--sco-main)
106
+ color var(--sco-white)
107
+
108
+ i
109
+ margin-right 8px
110
+ font-size 22px
111
+
112
+ @media screen and (max-width: 768px)
113
+ .author-content-item
114
+ .card-content
115
+ .banner-button-group
116
+ right 1rem
117
+ bottom 1rem
118
+
119
+ .banner-button-group
120
+ .banner-button
121
+ background 0 0 !important
122
+ color var(--sco-white)
123
+ padding 0
124
+ width fit-content
125
+
126
+ i
127
+ margin-right 0
128
+ font-size 1.5rem
129
+
130
+ .banner-button-text
131
+ display none