hexo-theme-solitude 1.2.6 → 1.3.0

package/source/css/_page/category.styl

@@ -1,141 +1,117 @@
-.category-lists
-  span.tags-punctuation
-    font-size: 18px
-
-  span.tagsPageCount
-    margin-left: 4px
-
+// categories view
+#category
+  #category-bar
+    padding 0
+    border none
+    height auto
+    box-shadow none
+
+    +maxWidth768()
+      border-radius 0
+      background var(--sco-background)
+      margin-bottom 0
+      position -webkit-sticky
+      position sticky
+      z-index 1
+      padding 0
+      height 50px
+      margin-top 0
+      align-items center
+
+// category view
 #page
   .category-lists
-    padding: 1rem 0 1.5rem
+    padding 1rem 0 1.5rem
+
+    +maxWidth768()
+      padding 0
 
     ul
-      display: flex
-      padding: 0
-      flex-wrap: wrap
-      flex-direction: row
-      margin-top: .4rem
-      padding: 0 0 0 1rem
-      list-style: none
-      counter-reset: li 0
+      display flex
+      flex-wrap wrap
+      flex-direction row
+      margin-top .4rem
+      padding 0 0 0 1rem
+      list-style none
+      counter-reset li 0
 
       ul
-        padding-left: .2rem
+        padding-left .2rem
 
       li
-        margin: 0 8px 8px 0
-        position: relative
-        margin: .3rem 0
-        padding: .12em .4em .12em 1.4em
+        position relative
+        margin .3rem 0
+        padding 4px 16px
+        width 200px
+        border-radius 12px
+        background var(--sco-card-bg)
+        border var(--style-border-always)
 
         &::before
-          display: none
-          position: absolute
-          left: 0
-          cursor: pointer
-          transition: all .3s ease-out 0s
-          top: .7em
-          width: .43em
-          height: .43em
-          border: .215em solid #307af6
-          border-radius: .43em
-          background: 0 0
-          content: ""
+          display none
+          position absolute
+          left 0
+          cursor pointer
+          transition all .3s ease-out 0s
+          top .7em
+          width .43em
+          height .43em
+          border .215em solid #307af6
+          border-radius .43em
+          background 0 0
+          content ""
 
         &:hover::before
-          border-color: #ff7242
-
-        padding: 4px 16px
-        width: 200px
-        border-radius: 12px
-        background: var(--sco-card-bg)
-        border: var(--style-border-always)
+          border-color #ff7242
 
     .category-title
-      font-size: 2.57em
+      font-size 2.57em
+
+      +maxWidth768()
+        font-size 2em
 
-    .category-list
+    .tag-cloud-list
       a
-        color: var(--sco-fontcolor)
+        display flex
+        width fit-content
+        color var(--sco-fontcolor)
+        font-size 1.4em
+        padding 0.2em 0.5em
+        background var(--sco-card-bg)
+        margin 0.5em 0.5em
+        border-radius 12px
+        border var(--style-border-always)
+        box-shadow var(--sco-shadow-border)
+        align-items center
+        transition all .3s ease 0s
+
+        +maxWidth768()
+          zoom .85
+
+        span.tags-punctuation
+          transition none
 
         &:hover
-          color: #307af6
-
-      .category-list-count
-        margin-left: .4rem
-        color: #858585
-
-        &::before
-          content: "("
-
-        &::after
-          content: ")"
-
-  .tag-cloud-list
-    a
-      display: flex
-      width: fit-content
-      color: var(--sco-fontcolor) !important
-      font-size: 1.4em !important
-      padding: .2em .5em
-      background: var(--sco-card-bg)
-      margin: .5em .5em
-      border-radius: 12px
-      -webkit-backface-visibility: hidden
-      -webkit-transform-style: preserve-3d
-      border: var(--style-border-always)
-      box-shadow: var(--sco-shadow-border)
-      align-items: center
-
-      &:hover
-        transform scale(1.1)
-        background var(--sco-main) !important
-        box-shadow var(--sco-shadow-blue)
-        color var(--sco-white) !important
-        border var(--style-border-hover)
-
-      span.tagsPageCount
-        color: var(--sco-lighttext)
-
-      +maxWidth768()
-        zoom .85
-
-.tags-name
-  margin-left: 2px
+          transform scale(1.1)
+          background var(--sco-main) !important
+          box-shadow var(--sco-shadow-blue)
+          color var(--sco-white) !important
+          border var(--style-border-hover)
 
-@media screen and (max-width: 768px)
-  #page
-    .category-lists
-      padding: 0
+          span.tagsPageCount
+            color var(--sco-lighttext)
 
-      .category-title
-        font-size: 2em
+          span.tags-punctuation
+            color inherit
 
 span.tagsPageCount
-  background: var(--sco-secondbg)
-  padding: 4px 4px
-  border-radius: 4px
-  color: var(--sco-secondtext)
-  line-height: 1
-  text-align: center
-  min-width: 22.5px
-  display: inline-block
-  font-size: .6rem
-  margin-left: 4px
-
-#category #category-bar
-  padding 0
-  border none
-  box-shadow none
-
-  +maxWidth768()
-    border-radius: 0;
-    background: var(--sco-background);
-    margin-bottom: 0;
-    position: -webkit-sticky;
-    position: sticky;
-    z-index: 1;
-    padding: 0;
-    height: 50px;
-    margin-top: 0;
-    align-items: center;
+  background var(--sco-secondbg)
+  padding 4px 4px
+  border-radius 8px
+  color var(--sco-secondtext)
+  line-height 1
+  text-align center
+  min-width 35px
+  display inline-block
+  font-size 1rem
+  margin-left 4px

package/source/css/_page/douban.styl

@@ -0,0 +1,126 @@
+#article-container
+  .hexo-douban-items
+    display flex
+    flex-wrap wrap
+    gap 12px
+    flex-direction row
+
+    .hexo-douban-item
+      position relative
+      width calc(100% / 4 - 9px)
+      border-radius 12px
+      border var(--style-border)
+      box-shadow var(--sco-shadow-border)
+      background var(--sco-card-bg)
+      transition .3s
+      animation slide-in 0.6s 0.3s backwards
+      border-bottom: none !important
+      border var(--style-border)
+      margin 8px 0
+      height 160px
+      min-height 160px !important
+      overflow hidden
+
+      +maxWidth1200()
+        width calc(100% / 3 - 9px)
+
+      +maxWidth899()
+        width calc(100% / 2 - 9px)
+
+      +maxWidth600()
+        width 100%
+
+      &:hover
+        border-color var(--sco-main)
+
+      .hexo-douban-picture
+        width 120px
+        height 100%
+        top 0
+        padding 10px
+
+        img
+          margin 0
+          height 100%
+          max-width 100%
+          border-radius 6px
+
+      .hexo-douban-info
+        display flex
+        flex-wrap wrap
+        align-content flex-start
+        height 100%
+        position relative
+
+        .hexo-douban-rating
+          position absolute
+          bottom 5px
+          line-height 16px
+
+        .hexo-douban-meta
+          display -webkit-box
+          overflow hidden
+          -webkit-box-orient vertical
+
+          +maxWidth1300()
+            -webkit-line-clamp 3!important
+
+          +maxWidth899()
+            -webkit-line-clamp 4!important
+
+        .hexo-douban-title
+          transition all .2s ease 0s
+          white-space nowrap
+          overflow hidden
+          text-overflow ellipsis
+          width 100%
+
+          a
+            border-bottom 0
+
+            &:hover
+              background none
+              color var(--sco-main)
+
+  .hexo-douban-pagination
+    margin-top 1.25rem
+    animation slide-in 0.6s 0.3s backwards
+
+    .hexo-douban-button
+      background var(--sco-card-bg)
+      height 2rem
+      line-height calc(2rem - 2px)
+      border-radius 8px !important
+      margin 0 0.3rem
+      padding 6px 12px
+      box-shadow var(--sco-shadow-border)
+      border var(--style-border)
+      transition 0.3s
+      display inline-flex
+      align-items center
+
+      &:hover
+        background var(--sco-main)
+
+  .hexo-douban-tabs
+    white-space nowrap
+    overflow hidden
+    display flex
+    padding 0.4rem 1rem 0.4rem 1rem
+    background var(--sco-card-bg)
+    border-radius 12px
+    border var(--style-border)
+    animation slide-in 0.6s 0.3s backwards
+
+    &:hover
+      border-color var(--sco-main)
+
+    a
+      padding 0.1rem 0.5rem
+      margin-right 6px
+      font-weight 700
+      border-radius 8px !important
+      border-bottom 0
+
+    .hexo-douban-tab-active
+      background var(--sco-main)

package/source/css/_page/equipment.styl

@@ -1,101 +1,102 @@
-.equipment-item-content
-  display flex
-  flex-direction row
-  flex-wrap wrap
-  margin 0 -8px
-
-.equipment-item-content-item
-  width calc(25% - 12px)
-  border-radius 12px
-  border var(--style-border-always)
-  overflow hidden
-  margin 8px 6px
-  background var(--sco-card-bg)
-  box-shadow var(--sco-shadow-border)
-  min-height 400px
-  position relative
-
-  +maxWidth1200()
-    width calc(50% - 12px)
-
-  +maxWidth768()
-    width 100%
-
-.equipment-item-content-item-info
-  padding 8px 16px 16px 16px
-  margin-top 12px
-
-.equipment-item-content-item-name
-  font-size 18px
-  font-weight 700
-  line-height 1
-  margin-bottom 8px
-  white-space nowrap
-  overflow hidden
-  text-overflow ellipsis
-  cursor pointer
-  width fit-content
-
-  &:hover
-    color var(--sco-main)
-
-.equipment-item-content-item-specification
-  font-size 12px
-  color var(--sco-secondtext)
-  line-height 1
-  margin-bottom 12px
-  white-space nowrap
-  overflow hidden
-  text-overflow ellipsis
-
-.equipment-item-content-item-description
-  line-height 20px
-  color var(--sco-secondtext)
-  height 60px
-  display -webkit-box
-  overflow hidden
-  -webkit-line-clamp 3
-  -webkit-box-orient vertical
-  font-size 14px
-
-a.equipment-item-content-item-link
-  font-size 12px
-  background var(--sco-gray-op)
-  padding 4px 8px
-  border-radius 8px
-  cursor pointer
-
-  &:hover
-    background var(--sco-main)
-    color var(--sco-white)
-
-h2.equipment-item-title
-  line-height 1
-
-.equipment-item-description
-  line-height 1
-  margin 4px 0 8px 0
-  color var(--sco-secondtext)
-
-.equipment-item-content-item-cover
-  width 100%
-  height 200px
-  background var(--sco-secondbg)
-  display flex
-  justify-content center
-
-img.equipment-item-content-item-image
-  object-fit cover
-  height 100%
-
-div#equipment
+#equipment
   margin-top 26px
 
-.equipment-item-content-item-toolbar
-  display flex
-  justify-content space-between
-  position absolute
-  bottom 12px
-  left 0
-  width 100%
-  padding 0 16px
+  .equipment-item
+    .equipment-item-title
+      line-height 1
+
+    .equipment-item-description
+      line-height 1
+      margin 4px 0 8px 0
+      color var(--sco-secondtext)
+
+    .equipment-item-content
+      display flex
+      flex-direction row
+      flex-wrap wrap
+      margin 0 -8px
+
+    .equipment-item-content-item
+      width calc(25% - 12px)
+      border-radius 12px
+      border var(--style-border-always)
+      overflow hidden
+      margin 8px 6px
+      background var(--sco-card-bg)
+      box-shadow var(--sco-shadow-border)
+      min-height 400px
+      position relative
+
+      +maxWidth1200()
+        width calc(50% - 12px)
+
+      +maxWidth768()
+        width 100%
+
+      .equipment-item-content-item-cover
+        width 100%
+        height 200px
+        background var(--sco-secondbg)
+        display flex
+        justify-content center
+
+        .equipment-item-content-item-image
+          object-fit cover
+          height 100%
+
+      .equipment-item-content-item-info
+        padding 8px 16px 16px 16px
+        margin-top 12px
+
+        .equipment-item-content-item-name
+          font-size 18px
+          font-weight 700
+          line-height 1
+          margin-bottom 8px
+          white-space nowrap
+          overflow hidden
+          text-overflow ellipsis
+          cursor pointer
+          width fit-content
+
+          &:hover
+            color var(--sco-main)
+
+        .equipment-item-content-item-specification
+          font-size 12px
+          color var(--sco-secondtext)
+          line-height 1
+          margin-bottom 12px
+          white-space nowrap
+          overflow hidden
+          text-overflow ellipsis
+
+        .equipment-item-content-item-description
+          line-height 20px
+          color var(--sco-secondtext)
+          height 60px
+          display -webkit-box
+          overflow hidden
+          -webkit-line-clamp 3
+          -webkit-box-orient vertical
+          font-size 14px
+
+        .equipment-item-content-item-toolbar
+          display flex
+          justify-content space-between
+          position absolute
+          bottom 12px
+          left 0
+          width 100%
+          padding 0 16px
+
+          .equipment-item-content-item-link
+            font-size 12px
+            background var(--sco-gray-op)
+            padding 4px 8px
+            border-radius 8px
+            cursor pointer
+
+            &:hover
+              background var(--sco-main)
+              color var(--sco-white)