hexo-theme-solitude 3.0.0 → 3.0.2

package/source/css/_layout/aside.styl

@@ -83,7 +83,7 @@
     min-width 100px
 
     / [data-theme=dark] &
-      background #00000015
+      background var(--efu-black)
       color var(--efu-white)
 
       &:hover
@@ -191,19 +191,19 @@
       padding .5rem
 
     +maxWidth1200()
-        position: fixed
-        right: 3rem
-        bottom: 10px
-        z-index: 100
-        max-width: 380px
-        max-height: calc(100% - 60px)
-        width: calc(100% - 80px)
-        transition: transform .3s
-        transform: scale(0)
-        transform-origin: right bottom
-
-        &.open
-          transform: scale(1)
+      position: fixed
+      right: 3rem
+      bottom: 10px
+      z-index: 100
+      max-width: 380px
+      max-height: calc(100% - 60px)
+      width: calc(100% - 80px)
+      transition: transform .3s
+      transform: scale(0)
+      transform-origin: right bottom
+
+      &.open
+        transform: scale(1)
 
     .toc-content
       overflow-y: auto
@@ -274,488 +274,190 @@
     .toc-item.active .toc-link .toc-text
       color: var(--efu-white)
 
-if hexo-config('aside.card.style') == 0
-  #aside-content
+#aside-content
+  .card-widget
+    if hexo-config('aside.my_card.author.sticker')
+      &:hover
+        .avatar-sticker
+          opacity 0
+          transform scale(0)
 
-    .card-widget
-      if hexo-config('aside.card.author.sticker')
-        &:hover
-          .avatar-sticker
-            opacity 0
-            transform scale(0)
-
-      &.card-recent-post
-        padding .4rem .6rem !important
-
-      &.card-info
-        padding 0 !important
-        box-shadow var(--efu-shadow-black)
-
-        > div.card-content
-          padding 1rem 1.2rem
-          min-height 320px
-          position relative
-
-    > .card-widget.card-info
-      &:before
-        background linear-gradient(-25deg, var(--efu-main), var(--efu-main-op-deep))
-        background-size 400%
-        position absolute
-        width 100%
-        height 100%
-        left 0
-        top 0
-        content ''
-        animation gradient 15s ease infinite
+    &.card-recent-post
+      padding .4rem .6rem !important
+
+    &.card-info
+      padding 0 !important
+      box-shadow var(--efu-shadow-black)
 
       > div.card-content
         padding 1rem 1.2rem
         min-height 320px
         position relative
 
-      > div.card-info-avatarimg
-        overflow hidden
-        background var(--efu-yellow)
-        transition 1.5s
-        min-height 160px
-        position relative
-        box-shadow var(--efu-shadow-yellow)
-
-        &:hover img
-          transform scale(1.03)
-
-    .card-info
-      if hexo-config('aside.card.author.sticker')
-        .avatar-sticker
-          position absolute
-          bottom -2px
-          right -2px
-          width 33px
-          height 33px
-          line-height 34px
-          z-index 0
-          display flex
-          align-items center
-          justify-content center
-          transition .3s .2s
-          transform scale(1)
-          background var(--efu-card-bg)
-          border-radius 50%
+  > .card-widget.card-info
+    &:before
+      background linear-gradient(-25deg, var(--efu-main), var(--efu-main-op-deep))
+      background-size 400%
+      position absolute
+      width 100%
+      height 100%
+      left 0
+      top 0
+      content ''
+      animation gradient 15s ease infinite
 
-          img
-            width 26px
-            height 26px
+    > div.card-content
+      padding 1rem 1.2rem
+      min-height 320px
+      position relative
 
-          ../ :hover .avatar-sticker
-            opacity 0
-            transform scale(0)
+    > div.card-info-avatarimg
+      overflow hidden
+      background var(--efu-yellow)
+      transition 1.5s
+      min-height 160px
+      position relative
+      box-shadow var(--efu-shadow-yellow)
 
-      .author-info__desc
-        font-size 12px
-        color var(--efu-card-bg)
-        opacity .6
-        line-height 1
+      &:hover img
+        transform scale(1.03)
 
-      .card-info-avatar.is-center
-        flex-direction column
+  .card-info
+    if hexo-config('aside.my_card.author.sticker')
+      .avatar-sticker
+        position absolute
+        bottom -2px
+        right -2px
+        width 33px
+        height 33px
+        line-height 34px
+        z-index 0
         display flex
-        align-items flex-start
+        align-items center
+        justify-content center
+        transition .3s .2s
+        transform scale(1)
+        background var(--efu-card-bg)
+        border-radius 50%
 
-      .avatar-img-group
-        width 118px
-        height 118px
-        right calc(50% - 59px)
-        top 90px
-        border-radius 500px
-        position absolute
-        transition cubic-bezier(.69, .39, 0, 1.21) .3s
-        transform-origin bottom
-        border 5px solid var(--efu-card-bg)
+        img
+          width 26px
+          height 26px
 
-        ../ :hover .avatar-img-group
+        ../ :hover .avatar-sticker
           opacity 0
           transform scale(0)
 
-      .author-info__name
-        text-align left
-        font-weight 700
-        color var(--efu-card-bg)
-        font-size 20px
-        line-height 1
-        margin-bottom 5px
-
-      .author-info__top-group
-        display flex
-        height 28px
-        width 100%
-
-      .author-info__description_group
-        position absolute
-        top 50px
-        width 100%
-        left 0
-        padding 1.2rem
-        opacity 0
-        transition .3s
-
-        ../ :hover .author-info__description_group
-          opacity 1
-
-        .author-info__description
-          line-height 1.38
-          margin .3rem 0
-          text-align left
-          color var(--efu-card-bg)
-
-          b
-            color var(--efu-card-bg)
-
-        .author-info__description2
-          line-height 1.38
-          margin .3rem 0
-          text-align left
-          width 100%
-          z-index 2
-          color var(--efu-card-bg)
-
-          b
-            color var(--efu-card-bg)
-
-      .author-info__bottom-group
-        display flex
-        justify-content space-between
-        position absolute
-        padding 1.2rem
-        width 100%
-        left 0
-        bottom 0
-        align-items center
-
-        a.author-info__bottom-group-left:hover
-          opacity .8
+    .author-info__desc
+      font-size 12px
+      color var(--efu-card-bg)
+      opacity .6
+      line-height 1
 
-      .card-info-data
-        display table
-        margin .7rem 0 .2rem
-        width 100%
-        table-layout fixed
+    .card-info-avatar.is-center
+      flex-direction column
+      display flex
+      align-items flex-start
 
-        > div:nth-child(0) > a > div.headline
-          font-weight 700
+    .avatar-img-group
+      width 118px
+      height 118px
+      right calc(50% - 59px)
+      top 90px
+      border-radius 500px
+      position absolute
+      transition cubic-bezier(.69, .39, 0, 1.21) .3s
+      transform-origin bottom
+      border 5px solid var(--efu-card-bg)
 
-        > .card-info-data-item
-          display table-cell
-          transition .3s
+      ../ :hover .avatar-img-group
+        opacity 0
+        transform scale(0)
 
-          a
-            .headline
-              color var(--efu-fontcolor)
-              font-size 1em
+    .author-info__name
+      text-align left
+      font-weight 700
+      color var(--efu-card-bg)
+      font-size 20px
+      line-height 1
+      margin-bottom 5px
 
-            .length-num
-              margin-top -.3rem
-              color var(--efu-fontcolor)
-              font-size 1.4em
+    .author-info__top-group
+      display flex
+      height 28px
+      width 100%
 
-          &:hover
-            background #000
-            border-radius 5px
+    .author-info__description_group
+      position absolute
+      top 50px
+      width 100%
+      left 0
+      padding 1.2rem
+      opacity 0
+      transition .3s
 
-      img.avatar-img
-        width 108px
-        height 108px
-        object-fit cover
-        right 0
-        top 0
-        border-radius 500px
-        position absolute
+      ../ :hover .author-info__description_group
         opacity 1
-        transition .3s
-
-if hexo-config('aside.card.style') == 1
-  #aside-content
-    .card-widget.card-info
-      min-height 340px
-      padding 0
-      margin-top 0
 
-      .author-info__top-group
-        margin-top 20px
-        display flex
-        height 28px
-        width 100%
-
-      .card-info-bg-top
-        min-height 140px
-        background: linear-gradient(-25deg, var(--efu-main), var(--efu-main-op-deep), var(--efu-main), var(--efu-main-op-deep))
-        background-size: 400%
-        if hexo-config('aside.card.background')
-          background-image url(hexo-config('aside.card.background'))
-          background-size cover
-          background-position center
-          background-repeat no-repeat
-
-      .card-info-avatar
-        width 114px
-        height 114px
-        right calc(50% - 57px)
-        top 75px
-        border-radius 500px
-        position absolute
-        transition cubic-bezier(.69, .39, 0, 1.21) .3s
-        transform-origin bottom
-        z-index 1
-        border 7px solid var(--efu-card-bg)
-
-        .avatar-img
-          overflow hidden
-          border-radius 500px
-          width 100px
-          cursor pointer
-          height 100px
-
-          img
-            object-fit cover
-            width 100%
-            height 100%
-            transition .3s
-
-            &:hover
-              transform: scale(1.3)
-
-        if hexo-config('aside.card.author.sticker')
-          .avatar-sticker
-            position absolute
-            bottom -2px
-            right -2px
-            width 33px
-            height 33px
-            line-height 34px
-            z-index 0
-            display flex
-            align-items center
-            justify-content center
-            transition .3s .2s
-            transform scale(1)
-            background var(--efu-card-bg)
-            border-radius 50%
-
-            img
-              width 26px
-              height 26px
-
-      .card-info-social-icons
-        width 100%
-        justify-content center
-        padding 10px 20px
-
-        i
-          background 0 0
-          color var(--efu-fontcolor)
-
-          &:hover
-            transform rotate(360deg)
-            color var(--efu-theme)
-
-      .card-info__desc_group
-        display flex
-        align-items center
-        flex-direction column
-
-        .author-info__name
-          margin-top 60px
-          text-align center
-          font-weight 700
-          color var(--efu-fontcolor)
-          font-size 20px
-          line-height 1
-          margin-bottom 5px
-
-        .author-info__desc
-          font-size 14px
-          color var(--efu-font-color)
-          line-height 2
-
-        .card-info__data
-          display table
-          width 100%
-          table-layout fixed
-          margin 12px 0 4px
-          padding 0 20px
-
-          a
-            position relative
-            display table-cell
-
-            &:hover
-              transition all .3s
-              color var(--efu-theme)
-
-              div
-                transition all .3s
-                color var(--efu-theme)
-
-            &:not(:last-child):after
-              opacity: .3
-              position: absolute
-              top: 6px
-              right: 0
-              content: ""
-              width: 1px
-              height: 40px
-              background: var(--efu-fontcolor)
-
-            .length-num
-              margin-top: -.32em
-              color: var(--efu-fontcolor)
-              font-size: 1.4em
-              line-height: 1.5
-
-            .headline
-              color: var(--efu-font-color)
-              font-size: 1em
-              line-height: 1.5
-
-if hexo-config('aside.card.style') == 2
-  #aside-content .card-widget.card-info
-    padding 0
-
-  .card-info-bg-top
-    width 100%
-    height 95px
-    position relative
-    background: linear-gradient(-25deg, var(--efu-main), var(--efu-main-op-deep), var(--efu-main), var(--efu-main-op-deep))
-    if hexo-config('aside.card.background')
-      background-image url(hexo-config('aside.card.background'))
-      background-size cover
-      background-position center
-      background-repeat no-repeat
-  .author-info__name
-    font-size 24px
-    line-height 35px
-    color var(--efu-white)
-    font-weight 700
-    position absolute
-    top 55px
-    if hexo-config('aside.position') == 0
-      left 6rem
-    else
-      left 1rem
-  .card-info__data
-    position absolute
-    top 98px
-    gap .5rem
-    z-index 1
-    if hexo-config('aside.position') == 0
-      right 1rem
-    else
-      left 1rem
-
-    .headline
-      color var(--efu-gray)
-
-    .length-num
-      font-weight 700
+      .author-info__description
+        line-height 1.38
+        margin .3rem 0
+        text-align left
+        color var(--efu-card-bg)
 
-    a
-      font-size 14px
-      display flex
-      line-height 18px
-      gap .1rem
-  .card-info__desc_group
-    padding 44px 1rem 1rem
-    min-height 50px
-    opacity .8
-    line-height 18px
-  .author-info-social
-    position absolute
-    display inline-flex
-    gap: 5px
-    top .5rem
-    if hexo-config('aside.position') == 0
-      right 1rem
-    else
-      left 1rem
+        b
+          color var(--efu-card-bg)
 
-    i
-      font-size 18px
-      width 30px
-      height 30px
-      border-radius 50%
-      background rgba(255, 255, 255, .2)
-      backdrop-filter blur(10px)
-      color var(--efu-white)
+    .author-info__bottom-group
       display flex
-      justify-content center
+      justify-content space-between
+      position absolute
+      padding 1.2rem
+      width 100%
+      left 0
+      bottom 0
       align-items center
 
-  .social-icons
-    order 1
-    opacity 0
-    transition .3s
-    display flex
-    pointer-events none
-    gap 5px
-  .more-info
-    if hexo-config('aside.position') == 0
-      order 1
-    else
-      order 0
-    cursor pointer
-    display flex
-    justify-content center
-    align-items center
-  .card-info-avatar
-    width 80px
-    height 80px
-    top 50px
-    border-radius 500px
-    position absolute
-    transition cubic-bezier(.69, .39, 0, 1.21) .3s
-    transform-origin bottom
-    border 3px solid var(--efu-card-bg)
-    z-index 1
-    if hexo-config('aside.position') == 0
-      left 1rem
-    else
-      right 1rem
+      a.author-info__bottom-group-left:hover
+        opacity .8
 
-    .avatar-img
-      overflow hidden
-      border-radius 500px
-      width 75px
-      cursor pointer
-      height 74px
+    .card-info-data
+      display table
+      margin .7rem 0 .2rem
+      width 100%
+      table-layout fixed
 
-      img
-        object-fit cover
-        width 100%
-        height 100%
+      > div:nth-child(0) > a > div.headline
+        font-weight 700
+
+      > .card-info-data-item
+        display table-cell
         transition .3s
 
-        &:hover
-          transform: scale(1.3)
+        a
+          .headline
+            color var(--efu-fontcolor)
+            font-size 1em
 
-    if hexo-config('aside.card.author.sticker')
-      .avatar-sticker
-        position absolute
-        bottom -2px
-        right -2px
-        width 26px
-        height 26px
-        line-height 26px
-        z-index 0
-        display flex
-        align-items center
-        justify-content center
-        transition .3s .2s
-        transform scale(1)
-        background var(--efu-card-bg)
-        border-radius 50%
+          .length-num
+            margin-top -.3rem
+            color var(--efu-fontcolor)
+            font-size 1.4em
 
-        img
-          width 21px
-          height 21px
+        &:hover
+          background #000
+          border-radius 5px
+
+    img.avatar-img
+      width 108px
+      height 108px
+      object-fit cover
+      right 0
+      top 0
+      border-radius 500px
+      position absolute
+      opacity 1
+      transition .3s
 
 [data-theme=dark] #aside-content
   > .card-widget.card-info
@@ -774,7 +476,7 @@ if hexo-config('aside.card.style') == 2
       display none
 
     .card-tag-cloud
-      max-height 500px
+      max-height $tag_cloud_limit * .4rem
       overflow hidden
       position relative
 

package/source/css/_layout/footer.styl

@@ -239,7 +239,7 @@
       line-height 1
       display flex
       align-items center
-      gap 4px
+      gap .5rem
 
       .author-avatar
         width 20px
@@ -247,14 +247,11 @@
         min-height 20px
         min-width 20px
 
-      &.cc
-        margin-right 0
-
-        i
-          font-size 18px
-
-          &:not(:last-child)
-            margin-right .5rem
+      i
+        font-size 14px
+      
+      img
+        height 20px
 
       &:hover
         color var(--efu-theme)