npm - hexo-theme-solitude - Versions diffs - 1.5.4 → 1.5.5 - Mend

hexo-theme-solitude 1.5.4 → 1.5.5

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 (51) hide show

package/.github/ISSUE_TEMPLATE/bug_report.yml +7 -6
package/.github/ISSUE_TEMPLATE/feature_request.yml +1 -1
package/_config.yml +0 -12
package/languages/en.yml +9 -6
package/languages/zh-CN.yml +9 -6
package/languages/zh-TW.yml +9 -6
package/layout/includes/head/config.pug +9 -6
package/layout/includes/inject/body.pug +7 -0
package/layout/includes/inject/head.pug +1 -1
package/layout/includes/widgets/post/copyright.pug +0 -2
package/layout/page.pug +0 -4
package/package.json +1 -1
package/plugins.yml +0 -4
package/scripts/event/cdn.js +6 -1
package/scripts/tags/button.js +1 -1
package/scripts/tags/bvideo.js +2 -2
package/scripts/tags/gallery.js +54 -0
package/scripts/tags/image.js +1 -1
package/scripts/tags/link.js +6 -3
package/scripts/tags/note.js +6 -0
package/source/css/_page/_gallery/index.styl +0 -66
package/source/css/_page/share.styl +2 -2
package/source/css/_widgets/_post/content.styl +7 -0
package/source/css/_widgets/_post/copyright.styl +0 -18
package/source/css/_widgets/_tags/button.styl +29 -49
package/source/css/_widgets/_tags/checkbox.styl +176 -57
package/source/css/_widgets/_tags/fold.styl +65 -79
package/source/css/_widgets/_tags/gallery.styl +67 -0
package/source/css/_widgets/_tags/index.styl +32 -30
package/source/css/_widgets/_tags/label.styl +4 -3
package/source/css/_widgets/_tags/link.styl +48 -77
package/source/css/_widgets/_tags/media.styl +57 -0
package/source/css/_widgets/_tags/mermaid.styl +1 -2
package/source/css/_widgets/_tags/note.styl +1 -7
package/source/css/_widgets/_tags/span.styl +24 -51
package/source/css/_widgets/_tags/tabs.styl +3 -1
package/source/css/_widgets/index.styl +1 -1
package/source/js/covercolor/api.js +16 -16
package/source/js/covercolor/local.js +16 -16
package/source/js/lately.min.js +6 -0
package/source/js/main.js +2 -32
package/source/js/utils.js +6 -0
package/layout/includes/page/album.pug +0 -38
package/layout/includes/page/gallery.pug +0 -11
package/scripts/generator/gallery.js +0 -49
package/scripts/tags/card.js +0 -9
package/scripts/tags/u.js +0 -7
package/source/css/_widgets/_tags/bvideo.styl +0 -8
package/source/css/_widgets/_tags/card.styl +0 -52
package/source/css/_widgets/_tags/image.styl +0 -10
package/source/css/_widgets/_tags/inline-image.styl +0 -6

package/source/css/_widgets/_tags/checkbox.styl CHANGED Viewed

@@ -1,85 +1,204 @@
-$border-colors = {
-  red: #fe5f58,
-  green: #3dc550,
-  yellow: #ffbd2b,
-  cyan: #1bcdfc,
-  blue: #2196f3
-}
 .checkbox
   display flex
   align-items center
-  p
-    display inline-block
-    margin 2px 0 0 !important
   input
     appearance none
     position relative
     height 16px
     width 16px
-    transition all 0.15s ease-out 0s
+    transition all .15s ease-out 0s
     cursor pointer
     display inline-block
-    outline none
+    outline 0
+    border-radius 2px
     flex-shrink 0
     margin-right 8px
     border 2px solid #2196f3
     pointer-events none
-    border-radius 16px
-    &:before, &:after
-      position absolute
-      content ""
-      background #fff
-    &:checked
-      background #2196f3
-    [type="checkbox"]
+    &[type=checkbox]
       &:before
         left 1px
         top 5px
         width 0
         height 2px
-        transition all 0.2s ease-in
+        transition all .2s ease-in
         transform rotate(45deg)
       &:after
         right 7px
         bottom 3px
         width 2px
         height 0
-        transition all 0.2s ease-out
+        transition all .2s ease-out
         transform rotate(40deg)
-        transition-delay 0.25s
+        transition-delay .25s
       &:checked
-        &:before
-          left 0
-          top 7px
-          width 6px
-          height 2px
-        &:after
-          right 3px
-          bottom 1px
-          width 2px
-          height 10px
-    [type="radio"]
+        background #2196f3
+      &:checked:before
+        left 0
+        top 7px
+        width 6px
+        height 2px
+      &:checked:after
+        right 3px
+        bottom 1px
+        width 2px
+        height 10px
+  &.minus
+    input[type=checkbox]:before
+      transform rotate(0)
+      left 1px
+      top 5px
+      width 0
+      height 2px
+    input[type=checkbox]:after
+      transform rotate(0)
+      left 1px
+      top 5px
+      width 0
+      height 2px
+    input[type=checkbox]:checked:before
+      left 1px
+      top 5px
+      width 10px
+      height 2px
+    input[type=checkbox]:checked:after
+      left 1px
+      top 5px
+      width 10px
+      height 2px
+  &.plus
+    input[type=checkbox]:before
+      transform rotate(0)
+      left 1px
+      top 5px
+      width 0
+      height 2px
+    input[type=checkbox]:after
+      transform rotate(0)
+      left 5px
+      top 1px
+      width 2px
+      height 0
+    input[type=checkbox]:checked:before
+      left 1px
+      top 5px
+      width 10px
+      height 2px
+    input[type=checkbox]:checked:after
+      left 5px
+      top 1px
+      width 2px
+      height 10px
+  &.times
+    input[type=checkbox]:before
+      transform rotate(45deg)
+      left 3px
+      top 1px
+      width 0
+      height 2px
+    input[type=checkbox]:after
+      transform rotate(135deg)
+      right 3px
+      top 1px
+      width 0
+      height 2px
+    input[type=checkbox]:checked:before
+      left 1px
+      top 5px
+      width 10px
+      height 2px
+    input[type=checkbox]:checked:after
+      right 1px
+      top 5px
+      width 10px
+      height 2px
+  input[type=radio]
+    border-radius 50%
+    &:before
+      content ""
+      display block
+      width 8px
+      height 8px
       border-radius 50%
-      &:before
-        content ""
-        display block
-        width 8px
-        height 8px
-        border-radius 50%
-        margin 2px
-        transform scale(0)
-        transition all 0.25s ease-out
-      &:checked
-        &:before
-          transform scale(1)
-          background var(--text-bg-hover)
-  for color, value in $border-colors
-    &.{color}
-      input
-        border-color value
-        [type="checkbox"]:checked
-          background value
-        [type="radio"]:checked
-          &:before
-            background value
+      margin 2px
+      transform scale(0)
+      transition all .25s ease-out
+    &:checked:before
+      transform scale(1)
+      background var(--text-bg-hover)
+  &.red input
+    border-color #fe5f58
+    &[type=checkbox]:checked
+      background #fe5f58
+    &[type=radio]:checked:before
+      background #fe5f58
+  &.green input
+    border-color #3dc550
+    &[type=checkbox]:checked
+      background #3dc550
+    &[type=radio]:checked:before
+      background #3dc550
+  &.yellow input
+    border-color #ffbd2b
+    &[type=checkbox]:checked
+      background #ffbd2b
+    &[type=radio]:checked:before
+      background #ffbd2b
+  &.cyan input
+    border-color #1bcdfc
+    &[type=checkbox]:checked
+      background #1bcdfc
+    &[type=radio]:checked:before
+      background #1bcdfc
+  &.blue input
+    border-color #2196f3
+    &[type=checkbox]:checked
+      background #2196f3
+    &[type=radio]:checked:before
+      background #2196f3
+  p
+    display: inline-block
+    margin-top 2px !important
+    margin-bottom 0 !important
+  input[type=checkbox]:after, input[type=checkbox]:before
+    position absolute
+    content ""
+    background #fff

package/source/css/_widgets/_tags/fold.styl CHANGED Viewed

@@ -1,79 +1,65 @@
-details:not(.tk-admin-config-group)
-  display block
-  position relative
-  margin-bottom 1rem
-  min-height 54px
-  overflow hidden
-  border-radius 12px
-  border var(--style-border)
-  transition border .3s
-  &:hover
-    border var(--style-border-hover-always)
-  summary
-    position absolute
-    padding .5rem 1rem
-    background var(--efu-card-bg)
-    margin 0
-    transition .3s
-    box-shadow var(--efu-shadow-border)
-    left 0
-    width 100%
-    font-weight 700
-    white-space nowrap
-    overflow hidden
-    text-overflow ellipsis
-    &::before
-      content ''
-      padding 4px
-    &:hover
-      cursor pointer
-      background var(--efu-main)
-      color var(--efu-white)
-      transition .3s
-      box-shadow var(--efu-shadow-main)
-    &:focus
-      outline 0
-    &::marker
-      color var(--efu-main)
-      transition .3s
-    &:hover::marker
-      color var(--efu-white)
-    &:hover:after
-      position absolute
-      content '+'
-      text-align center
-      top calc(50% - 2px)
-      transform translateY(-50%)
-      right 16px
-      line-height 1
-  > :nth-child(2)
-    margin-top calc(54px + 1rem) !important
-  &[open]
-    border-radius 12px
-    border var(--style-border-hover-always)
-    padding 0 1.5rem
-    background var(--efu-card-bg)
-    summary
-      background var(--efu-main)
-      color var(--efu-white)
-      &::marker
-        color var(--efu-white)
-      &:hover:after
-        content '-'
-+maxWidth768()
-  details[open]:not(.tk-admin-config-group)
-    padding 0 16px
+details
+  display: block
+  position: relative
+  margin-bottom: 1rem
+  min-height: 54px
+  overflow: hidden
+  border-radius: 12px
+  border: var(--style-border)
+  transition: border .3s
+details:hover
+  border: var(--style-border-hover-always)
+details summary
+  position: absolute
+  padding: .5rem 1rem
+  background: var(--efu-card-bg)
+  margin: 0
+  transition: .3s
+  box-shadow: var(--efu-shadow-border)
+  left: 0
+  width: 100%
+  font-weight: 700
+  white-space: nowrap
+  overflow: hidden
+  text-overflow: ellipsis
+details>:nth-child(2)
+  margin-top: calc(54px + 1rem)!important
+details[open] summary
+  background: var(--efu-lighttext)
+  color: var(--efu-card-bg)
+details summary::before
+  content: ''
+  padding: 4px
+details summary:hover
+  cursor: pointer
+  background: var(--efu-lighttext)
+  color: var(--efu-card-bg)
+  transition: .3s
+  box-shadow: var(--efu-shadow-main)
+details summary:focus
+  outline: 0
+details summary::marker
+  color: var(--efu-lighttext)
+  transition: .3s
+details[open] summary::marker
+  color: var(--efu-card-bg)
+details summary:hover::marker
+  color: var(--efu-card-bg)
+details[open]
+  border-radius: 12px
+  border: var(--style-border-hover-always)
+  padding: 0 1.5rem
+  background: var(--efu-card-bg)
+details summary:hover:after
+  position: absolute
+  content: '+'
+  text-align: center
+  top: calc(50% - 2px)
+  transform: translateY(-50%)
+  right: 16px
+  line-height: 1
+details[open]>summary:hover:after
+  content: '-'
+@media screen and (max-width: 768px)
+  details[open]
+    padding:0 16px

package/source/css/_widgets/_tags/gallery.styl ADDED Viewed

@@ -0,0 +1,67 @@
+#article-container
+  .gallery-item
+    overflow hidden
+    border var(--style-border-always)
+    border-radius 12px
+    position relative
+    display inline-flex
+    height 250px
+    width calc(100% / 2 - 16px)
+    cursor pointer
+    margin-bottom 10px
+    user-select none
+    +maxWidth768()
+      width 100%
+    &:hover
+      .cover
+        filter brightness(0.5)
+        transition all .3s
+        transform scale(1.1)
+      .title::after
+        width 100%
+        transition all .3s
+      .desc
+        left 10%
+        transition left .35s
+        text-wrap unset
+    .cover
+      width 100%
+      object-fit cover
+      transition all 0.3s
+      margin 0
+      max-width 100%
+    .title
+      position absolute
+      top 10%
+      left 10%
+      font-weight 700
+      font-size 32px
+      color var(--efu-white)
+      &::after
+        top 55px
+        width 0
+        left 0
+        height 2px
+        background var(--efu-white)
+        content ""
+        border-radius 1px
+        position absolute
+        transition all .3s
+    .desc
+      position absolute
+      top 35%
+      left 100%
+      width 80%
+      color var(--efu-white)
+      font-size 1.1em
+      transition left .35s
+      letter-spacing 1px
+      text-wrap break-word

package/source/css/_widgets/_tags/index.styl CHANGED Viewed

@@ -1,3 +1,24 @@
+.red
+  color var(--efu-red)
+.green
+  color var(--efu-green)
+.blue
+  color var(--efu-blue)
+.yellow
+  color var(--efu-yellow)
+.pink
+  color var(--efu-pink)
+.purple
+  color var(--efu-purple)
+.orange
+  color var(--efu-orange)
 .bg-red
   background-color var(--efu-red)
   color var(--efu-white)
@@ -25,37 +46,18 @@
   background-color var(--efu-orange)
   color var(--efu-white)
-.bg-cyan
-  background-color var(--efu-cyan)
-  color var(--efu-white)
+.block
+  display block
-.bg-gray
-  background-color var(--efu-gray)
-  color var(--efu-white)
-.red
-  color var(--efu-red)
+.center
+  margin 0 auto
-.green
-  color var(--efu-green)
-.blue
-  color var(--efu-blue)
-.yellow
-  color var(--efu-yellow)
-.pink
-  color var(--efu-pink)
-.purple
-  color var(--efu-purple)
-.orange
-  color var(--efu-orange)
+.right
+  margin-left auto
-.cyan
-  color var(--efu-cyan)
+.larger
+  font-size 1.5rem
+  margin 5px
-.gray
-  color var(--efu-gray)
+  i
+    transform scale(1.5)

package/source/css/_widgets/_tags/label.styl CHANGED Viewed

@@ -1,3 +1,4 @@
-.hl-label
-  padding 2px 4px
-  border-radius 3px
+#article-container
+  .hl-label
+    padding 2px 4px
+    border-radius 3px

package/source/css/_widgets/_tags/link.styl CHANGED Viewed

@@ -1,83 +1,54 @@
-#article-container .tag-Link
-  background var(--efu-secondbg)
-  border-radius 8px !important
-  display flex
-  border var(--style-border)
-  flex-direction column
-  padding .3rem 1rem .6rem
-  border-width 1px !important
-  margin-top 1rem
-  &:hover
-    color var(--efu-main) !important
-    border var(--style-border-hover) !important
-  .tag-link-tips
-    border-bottom var(--style-border-always)
-    padding-bottom 4px
-    font-size .6rem
-    color var(--efu-gray)
-    font-weight 400
-    pointer-events none
-  &:hover .tag-link-tips
-    color var(--efu-card-bg)
-    opacity .6
-  .tag-link-bottom
+#article-container
+  .tag-link
+    background var(--efu-secondbg)
+    border-radius 8px !important
     display flex
-    margin-top .5rem
-    align-items center
-    justify-content space-around
-    pointer-events none
+    border var(--style-border)
+    flex-direction column
+    padding 0.5rem 1rem
+    border-width 1px
+    margin 1rem 0
-    .tag-link-left
-      width 60px
-      min-width 60px
-      height 60px
-      background-size cover !important
-      border-radius 8px
-      background var(--efu-card-bg)
-      pointer-events none
-      display flex
-      i
-        padding 0
-        margin auto
-        font-size 24px
-        color var(--efu-fontcolor)
+    &:hover
+      background var(--efu-main)
+      border var(--style-border-hover) !important
-    .tag-link-right
-      margin-left 1rem
-      pointer-events none
+      .tag-link-tips
+        color var(--efu-card-bg)
-      .tag-link-title
-        font-size 16px
-        line-height 1.2
-        pointer-events none
-        word-break break-all
-        text-overflow ellipsis
-        display -webkit-box
-        -webkit-box-orient vertical
-        -webkit-line-clamp 2
-        overflow hidden
+    i
+      margin-left auto
-      .tag-link-sitename
-        font-size .7rem
-        color var(--efu-gray)
-        font-weight 400
-        margin-top 8px
-        pointer-events none
-        line-height 1
-        overflow hidden
-        text-overflow ellipsis
-        white-space nowrap
-  &:hover .tag-link-bottom .tag-link-right .tag-link-sitename
-    color var(--efu-card-bg)
-    opacity .6
+    .tag-link-bottom
+      display flex
+      margin-top 0.5rem
+      align-items center
+      justify-content space-around
+      .tag-link-left
+        width 60px
+        min-width 60px
+        height 60px
+        background-size cover
+        border-radius 8px
+        background-color var(--efu-card-bg)
+        display flex
+        align-items center
+        justify-content center
+        i
+          padding 0
+          margin auto
+          font-size 24px
+          color var(--efu-fontcolor)
+      .tag-link-right
+        margin-left 1rem
+        max-width calc(100% - 76px - 1rem)
-  .tag-link-bottom i
-    margin-left auto
-    padding-left .5rem
-    pointer-events none
+  .tag-link-tips
+    border-bottom var(--style-border)
+    padding-bottom 4px
+    font-size 12px
+    color var(--efu-gray)
+    font-weight 400