hexo-theme-solitude 3.0.21 → 4.0.0

package/source/css/_page/archive.styl

@@ -0,0 +1,412 @@
+.layout.layout--archive
+  flex-direction column
+  align-items stretch
+  gap 12px
+
+  > .home-category-bar
+    width 100%
+    max-width 100%
+    flex-shrink 0
+
+.archive-layout-row
+  display flex
+  align-items flex-start
+  gap 8px
+  width 100%
+
+  > #page
+    flex 1
+    min-width 0
+    width auto
+    padding 0
+
+.archive-page-shell
+  overflow hidden
+  margin-top 0
+  background var(--efu-card-bg)
+  border var(--style-border)
+  border-radius 20px
+  box-shadow var(--efu-shadow-border)
+
+.archive-page-section
+  padding 18px 24px
+
+  & + &
+    border-top var(--style-border)
+
+.archive-page-section-toolbar
+  padding-top 14px
+  padding-bottom 14px
+
+.archive-page-section-list
+  padding 0
+
+.archive-page-toolbar,
+.archive-page-years
+  display flex
+  align-items center
+  flex-wrap nowrap
+  overflow-x auto
+  -webkit-overflow-scrolling touch
+  scrollbar-width none
+
+  &::-webkit-scrollbar
+    display none
+
+.archive-page-toolbar
+  justify-content space-between
+  gap 16px
+
+.archive-page-years
+  gap 10px
+
+#archives-year-filter-list
+  display contents
+
+.archive-year-button
+  display inline-flex
+  align-items center
+  justify-content center
+  flex-shrink 0
+  min-height 32px
+  padding 6px 16px
+  color var(--efu-fontcolor)
+  font-size 14px
+  font-weight 700
+  line-height 1
+  white-space nowrap
+  background var(--efu-secondbg)
+  border 0
+  border-radius 999px
+  cursor pointer
+  transition .3s
+
+  &:hover
+    color var(--efu-main)
+
+  &.is-active
+    color var(--efu-card-bg)
+    background var(--efu-main)
+    box-shadow var(--efu-shadow-main)
+
+.archive-page-list
+  display grid
+  gap 0
+
+.archive-page-item
+  display flex
+  align-items center
+  gap 18px
+  padding 22px 24px
+  color var(--efu-fontcolor)
+  border-bottom var(--style-border)
+  transition .3s
+
+  &:last-child
+    border-bottom 0
+
+  &:hover
+    color var(--efu-fontcolor)
+    background var(--efu-secondbg)
+
+.archive-page-thumb
+  position relative
+  flex-shrink 0
+  width 151px
+  min-width 151px
+  height 80px
+  overflow hidden
+  background var(--efu-secondbg)
+  border-radius 12px
+
+  img
+    display block
+    width 100%
+    height 100%
+    object-fit cover
+    transition transform .6s ease
+
+  &.is-fallback img
+    display none
+
+.archive-page-item:hover .archive-page-thumb img
+  transform scale(1.04)
+
+.archive-page-thumb-fallback
+  position absolute
+  inset 0
+  display none
+  align-items center
+  justify-content center
+  color var(--efu-secondtext)
+  font-size 20px
+  font-weight 800
+
+.archive-page-thumb.is-fallback .archive-page-thumb-fallback
+  display flex
+
+.archive-page-item-main
+  flex 1
+  min-width 0
+
+.archive-page-item-title
+  display -webkit-box
+  overflow hidden
+  margin-bottom 8px
+  color var(--efu-fontcolor)
+  font-size 20px
+  font-weight 700
+  line-height 1.5
+  word-break break-word
+  -webkit-box-orient vertical
+  -webkit-line-clamp 2
+
+.archive-page-item-meta
+  display flex
+  align-items center
+  flex-wrap wrap
+  gap 8px
+  color var(--efu-secondtext)
+  font-size 14px
+
+.archive-page-item-category
+  font-weight 700
+
+.archive-page-item-arrow
+  flex-shrink 0
+  color var(--efu-secondtext)
+  font-size 14px
+
+  i.solitude
+    font-size 14px
+
+.archive-page-state
+  padding 32px 20px
+  color var(--efu-secondtext)
+  font-weight 600
+  text-align center
+
+.archive-page-section-pagination
+  padding-top 14px
+
+  &:empty
+    display none
+
+  nav#pagination
+    width 100%
+    margin 0
+
+  .pagination
+    position relative
+    display flex
+    align-items center
+    justify-content center
+    gap 8px
+
+  .archive-page-number
+    display block
+    flex 0 0 40px
+    width 40px
+    min-width 40px
+    height 40px
+    padding 0
+    color var(--efu-fontcolor)
+    line-height 38px
+    background var(--efu-card-bg)
+    border var(--style-border)
+    border-radius 99px
+    box-shadow var(--efu-shadow-border)
+    cursor pointer
+    transition .3s
+
+    &:hover
+      color var(--efu-theme)
+      border-color var(--efu-theme)
+      box-shadow var(--efu-shadow-main)
+
+    &.is-current
+      color var(--efu-nav-hover-text)
+      background var(--efu-theme)
+      border-color var(--efu-theme)
+      box-shadow var(--efu-shadow-theme)
+      cursor default
+
+      &:hover
+        color var(--efu-nav-hover-text)
+        background var(--efu-theme)
+        border-color var(--efu-theme)
+        box-shadow var(--efu-shadow-theme)
+
+  .archive-page-extend
+    position absolute
+    display flex
+    align-items center
+    justify-content center
+    width 80px
+    min-width 80px
+    height 40px
+    padding 0
+    color var(--efu-fontcolor)
+    line-height 38px
+    background var(--efu-card-bg)
+    border var(--style-border)
+    border-radius 99px
+    box-shadow var(--efu-shadow-border)
+    cursor pointer
+    overflow hidden
+    transition .3s
+
+    &.prev
+      left 0
+
+    &.next
+      right 0
+
+    &:hover:not(:disabled)
+      color var(--efu-theme)
+      background var(--efu-card-bg)
+      border-color var(--efu-theme)
+      box-shadow var(--efu-shadow-main)
+
+    &:disabled
+      opacity .35
+      pointer-events none
+
+    span
+      max-width 0
+      opacity 0
+      overflow hidden
+      white-space nowrap
+      transition .3s
+
+    &.prev:hover span
+      max-width 48px
+      margin-left 4px
+      opacity 1
+
+    &.next:hover span
+      max-width 48px
+      margin-right 4px
+      opacity 1
+
+  .archive-page-space
+    display block
+    flex 0 0 16px
+    width 16px
+    height 40px
+    color var(--efu-fontcolor)
+    line-height 32px
+
+  button:focus-visible
+    outline 2px solid var(--efu-theme)
+    outline-offset 2px
+
+@media (max-width: 1200px)
+  .archive-layout-row
+    flex-direction column
+
+    > #page,
+    > #aside-content
+      width 100%
+
+@media (max-width: 768px)
+  .layout.layout--archive
+    gap 8px
+    padding 0
+
+  .archive-layout-row
+    width 100%
+
+    > #page
+      width 100%
+      padding 0
+
+  .archive-page-shell
+    margin 0 16px
+    border-radius 12px
+
+  .archive-page-section-toolbar,
+  .archive-page-section-pagination
+    padding-left 12px
+    padding-right 12px
+
+  .archive-page-toolbar
+    gap 0
+
+  .archive-page-years
+    width 100%
+    gap 6px
+
+  .archive-year-button
+    background transparent
+
+    &.is-active
+      color var(--efu-white)
+      background var(--efu-main)
+      box-shadow none
+
+  .archive-page-item
+    gap 12px
+    padding 18px 12px
+
+    &:hover
+      background transparent
+
+  .archive-page-thumb
+    width 80px
+    min-width 80px
+    height 80px
+
+  .archive-page-item-title
+    margin-bottom 6px
+    font-size 14px
+    line-height 1.4
+
+  .archive-page-item-meta
+    gap 5px
+    font-size 12px
+
+  .archive-page-item-arrow
+    display none
+
+  .archive-page-section-pagination .pagination
+    gap 10px
+
+  .archive-page-section-pagination
+    .archive-page-number,
+    .archive-page-space
+      display none
+
+    .archive-page-extend
+      position static
+      display flex
+      flex 1 1 0
+      width 100%
+      min-width 0
+      height 50px
+      margin 0
+      padding 0
+      color var(--efu-fontcolor)
+      line-height 50px
+      background var(--efu-card-bg)
+      border var(--style-border-always)
+      border-radius 12px
+      box-shadow var(--efu-shadow-border)
+
+      &:hover:not(:disabled)
+        color var(--efu-nav-hover-text)
+        background var(--efu-theme)
+        border-color var(--efu-theme)
+
+      &:disabled
+        display none
+
+      i
+        display none
+
+      span
+        display inline
+        max-width none
+        margin 0
+        opacity 1
+        overflow visible

package/source/css/_page/category.styl

@@ -1,3 +1,29 @@
+.layout#content-inner.layout--category
+  flex-direction column
+  align-items stretch
+  gap .5rem
+
+  > .home-category-bar
+    width 100%
+    max-width 100%
+    align-self stretch
+    flex-shrink 0
+    animation slide-in .6s .3s backwards
+
+  > .home-layout-row
+    display flex
+    align-items stretch
+    gap .5rem
+    width 100%
+
+    +maxWidth1200()
+      gap 0
+
+    > #category
+      flex 1
+      min-width 0
+      width auto
+
 #category
   #category-bar
     padding .4rem .6rem
@@ -111,4 +137,4 @@ span.tagsPageCount
   min-width 35px
   display inline-block
   font-size 1rem
-  margin-left 4px
+  margin-left 4px

package/source/css/_page/index.styl

@@ -4,6 +4,8 @@
 
 @import "tag.styl"
 
+@import "archive.styl"
+
 @import "error.styl"
 
 if hexo-config('recent_comments.enable') || (hexo-config('console.enable') && hexo-config('console.recentComment.enable'))

package/source/css/_page/links.styl

@@ -1,6 +1,9 @@
 .flink#banners
   margin-bottom: .5rem
 
+body[data-type=links]
+  overflow-x clip
+
 .tags-group-title
   font-size 14px
   color var(--efu-card-bg)
@@ -19,9 +22,196 @@
   opacity 1
   backdrop-filter saturate(180%) blur(20px)
 
+.flink .tags-group-all.nowrapMove .tags-group-wrapper
+  animation rowleft 120s linear infinite
+
 .flink.article-container
   margin-top 1rem
 
+.friend-links-status
+  min-height 96px
+  display flex
+  align-items center
+  justify-content center
+  gap 8px
+  color var(--efu-secondtext)
+  text-align center
+
+  &.is-error
+    flex-direction column
+
+  &.is-compact
+    min-height 0
+    align-items flex-start
+
+  button
+    display inline-flex
+    align-items center
+    gap 6px
+    padding 8px 12px
+    border var(--style-border-always)
+    border-radius 8px
+    color var(--efu-fontcolor)
+    background var(--efu-card-bg)
+    cursor pointer
+
+    &:hover
+      color var(--efu-white)
+      border-color var(--efu-main)
+      background var(--efu-main)
+
+.flink-loading-skeleton
+  display grid
+  grid-template-columns repeat(auto-fill, minmax(280px, 1fr))
+  gap 1rem
+  padding 1rem 0
+
+.flink-loading-item
+  height 120px
+  border-radius 8px
+  opacity .3
+  background linear-gradient(90deg, var(--efu-card-bg) 25%, var(--efu-secondtext) 50%, var(--efu-card-bg) 75%)
+  background-size 200% 100%
+  animation flink-skeleton 1.5s ease-in-out infinite
+
+.flink.article-container
+  .power_title_bar
+    display flex
+    align-items center
+    justify-content flex-start
+
+    .title-h2-a-right
+      margin-left auto
+      font-size 14px
+      color var(--efu-secondtext)
+
+      a
+        padding 0
+        border-bottom none
+        color var(--efu-secondtext)
+        font-weight 700
+        line-height 1
+
+        &:hover
+          color var(--efu-lighttext)
+          background transparent
+
+  .flink-normal-title-row
+    display flex
+    align-items center
+    justify-content space-between
+    gap 12px
+
+  .flink-normal-title-content
+    min-width 0
+    flex 1
+
+    .flink-desc
+      margin 0
+
+  .flink-normal-scroll-controls
+    display flex
+    flex-shrink 0
+    gap 10px
+
+  .flink-normal-sort-btn,
+  .flink-normal-scroll-btn
+    display flex
+    align-items center
+    justify-content center
+    height 44px
+    border var(--style-border-always)
+    border-radius 99px
+    color var(--efu-fontcolor)
+    background var(--efu-card-bg)
+    box-shadow var(--efu-shadow-border)
+    cursor pointer
+    transition .3s
+
+    &:hover
+      color var(--efu-card-bg)
+      border-color var(--efu-lighttext)
+      background var(--efu-lighttext)
+
+  .flink-normal-sort-btn
+    min-width 108px
+    padding 0 14px
+    font-size 14px
+    font-weight 700
+    line-height 1
+
+  .flink-normal-scroll-btn
+    width 44px
+    flex-shrink 0
+    font-size 18px
+    line-height 1
+
+  .flink-list.normal-five-row-horizontal
+    --flink-breakout-side-gap calc(max((100vw - 1400px) / 2, 0px) + 2rem - 12px)
+    display grid
+    grid-auto-flow column
+    grid-template-rows repeat(5, 90px)
+    grid-auto-columns minmax(260px, 320px)
+    gap 12px
+    justify-content flex-start
+    align-content start
+    width 100vw
+    margin 1rem calc(50% - 50vw)
+    padding 0 var(--flink-breakout-side-gap) 10px
+    overflow-x auto
+    overflow-y hidden
+    box-sizing border-box
+    scrollbar-width none
+    scroll-padding-inline var(--flink-breakout-side-gap)
+
+    &::-webkit-scrollbar
+      display none
+
+    > .flink-list-item
+      width auto
+      height 90px
+      margin 0
+      float none
+
+      > a
+        display flex
+        height 100%
+
+    +maxWidth768()
+      width 100%
+      margin 1rem 0
+      padding 0 0 10px
+
+      > .flink-list-item
+        width auto
+        height 90px
+
+        > a
+          flex-direction row
+
+          .flink-item-name
+            width auto
+            padding 0
+            text-align left
+            font-size 19px
+
+          .flink-item-desc
+            display -webkit-box
+
+        .flink-item-info
+          width calc(100% - 90px)
+          align-items flex-start
+
+  +maxWidth768()
+    .flink-normal-scroll-btn
+      display none
+
+@keyframes flink-skeleton
+  0%
+    background-position 200% 0
+  100%
+    background-position -200% 0
+
 .article-container
 
   .flink-desc

package/source/css/_page/other.styl

@@ -194,6 +194,43 @@ div#banners
   overflow hidden
   padding 1rem 2rem
 
+  &.about-glow-host
+    --about-glow-x 50%
+    --about-glow-y 50%
+    --about-glow-opacity 0
+
+  &.about-glow-host.is-about-glow-active
+    --about-glow-opacity 1
+
+  .about-pointer-glow
+    position absolute
+    inset 0
+    border-radius inherit
+    pointer-events none
+    z-index 1
+
+    &::before,
+    &::after
+      content ''
+      position absolute
+      inset 0
+      border-radius inherit
+      pointer-events none
+      opacity var(--about-glow-opacity, 0)
+      transition opacity .18s ease-out
+
+    &::before
+      padding 2px
+      background radial-gradient(circle at var(--about-glow-x, 50%) var(--about-glow-y, 50%), #fff, rgba(255, 255, 255, .7) 20%, rgba(255, 255, 255, .1) 46%, rgba(255, 255, 255, 0) 62%)
+      -webkit-mask linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)
+      -webkit-mask-composite xor
+      mask linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)
+      mask-composite exclude
+
+    &::after
+      background radial-gradient(circle at var(--about-glow-x, 50%) var(--about-glow-y, 50%), rgba(255, 255, 255, .22), rgba(255, 255, 255, .08) 22%, rgba(255, 255, 255, 0) 55%)
+      mix-blend-mode screen
+
   &.single
     width 100%
 

package/source/css/_post/index.styl

@@ -129,4 +129,5 @@ if hexo-config('post.ai.enable')
   right 0
   height 10px
   background var(--efu-background)
-  z-index 1000
+  z-index 2
+  pointer-events none