hexo-theme-solitude 1.5.4 → 1.5.6

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

package/source/css/_widgets/_tags/media.styl

@@ -0,0 +1,57 @@
+trans($time = 0.28s)
+  transition: all $time ease
+  -moz-transition: all $time ease
+  -webkit-transition: all $time ease
+  -o-transition: all $time ease
+
+audio,video
+  border-radius: 4px
+  max-width: 100%
+video
+  z-index: 1
+  trans()
+  &:hover
+    box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.24), 0 8px 16px 0px rgba(0, 0, 0, 0.24)
+
+div.video
+  line-height: 0
+  text-align: center
+
+div.videos
+  max-width: "calc(100% + 2 * %s)" % 4px
+  display: flex
+  flex-wrap: wrap
+  justify-content: flex-start
+  align-items: flex-end
+  margin: 1em 0 - 4px
+  .video,iframe
+    width: 100%
+    margin: 4px
+
+  iframe
+    border-radius: 4px
+    width: 100%
+    min-height: 300px
+  &.left
+    justify-content: flex-start
+  &.center
+    justify-content: center
+  &.right
+    justify-content: flex-end
+  &.stretch
+    align-items: stretch
+  &[col='1']
+    .video,iframe
+      width: 100%
+  &[col='2']
+    .video,iframe
+      width: "calc(50% - 2 * %s)" % 4px
+  &[col='3']
+    .video,iframe
+      width: "calc(33.33% - 2 * %s)" % 4px
+  &[col='4']
+    .video,iframe
+      width: "calc(25% - 2 * %s)" % 4px
+[data-theme="dark"]
+  audio,video
+    filter brightness(0.7)

package/source/css/_widgets/_tags/mermaid.styl

@@ -1,4 +1,3 @@
 .mermaid
   display flex
-  flex-direction column
-  align-items center
+  justify-content center

package/source/css/_widgets/_tags/note.styl

@@ -31,10 +31,6 @@ $colors = {
   &.success:not(.no-icon)::before
     content: '\e0a4'
 
-  &.success:not(.no-icon)
-    p
-      color var(--efu-card-bg)
-
   &::before
     font-family 'solitude'
 
@@ -74,9 +70,7 @@ $colors = {
     border 1px solid transparent !important
 
   &.flat
-    border-top initial
-    border-right initial
-    border-bottom initial
+    border initial
     border-image initial
     border-left 5px solid #eee
     background-color #f9f9f9

package/source/css/_widgets/_tags/span.styl

@@ -1,61 +1,34 @@
 #article-container
-  p.p.subtitle
-    font-weight: bold
-    color: mix(#44D7B6, #444, 75)
-    font-size: 1.25rem
-    padding-top: 1.5rem
-    &:first-child
-      padding-top: 1rem
-
-  span.p,p.p
+  .p
     &.left
-      display: block
-      text-align: left
+      text-align left
+
     &.center
-      display: block
-      text-align: center
+      text-align center
+
     &.right
-      display: block
-      text-align: right
+      text-align right
 
-  span.p,p.p
     &.small
-      font-size: var(--global-font-size)
-    &.large
-      font-size: 2.5rem
-      line-height: 1.4
-    &.huge
-      font-size: 4rem
-      line-height: 1.4
-    &.ultra
-      font-size: 6rem
-      line-height: 1.4
-    &.small,&.large,&.huge,&.ultra
-      margin: 0
-      padding: 0
-    &.bold
-      font-weight: bold
-    &.h1,&.h2
-      padding-bottom: .2rem
-      font-weight: 500
+      font-size .5rem
+
     &.h1
-      font-size: 1.625rem
-      color: var(--color-h1)
-      padding-top: 1em * 2
+      font-size 2.5rem
+
     &.h2
-      font-size: 1.625rem
-      color: var(--color-h2)
-      padding-top: 1em * 2
-      border-bottom: 1px solid alpha(#444, .1)
+      font-size 1.625rem
+
     &.h3
-      font-size: 1.375rem
-      color: var(--color-h3)
-      padding-top: 1em * 2
+      font-size 1.375rem
+
     &.h4
-      font-size: 1.125rem
-      color: var(--color-h4)
-      padding-top: 1em * 2
-    &.h5
-      font-size: 1rem
-      color: var(--color-h5)
-      padding-top: 1em * 1.5
+      font-size 1.125rem
+
+    &.large
+      font-size 1.5rem
+
+    &.huge
+      font-size 4rem
+
+    &.ultra
+      font-size 6rem

package/source/css/_widgets/_tags/tabs.styl

@@ -1,3 +1,4 @@
+
 #article-container .tabs
   position relative
   border 1px solid var(--tab-border-color)
@@ -17,6 +18,7 @@
         font-size inherit
 
       &.active button
+        cursor default
         border var(--style-border-hover-always)
         background var(--efu-background)
         border-radius 8px;
@@ -102,4 +104,4 @@
 
 .tab-contents
   border-radius 8px
-  overflow hidden
+  overflow hidden

package/source/css/_widgets/index.styl

@@ -17,7 +17,7 @@ if hexo-config('keyboard.enable')
 // 零散的样式
 @import "_mixins/other.styl"
 
-// 短标签
+// tags plugin
 @import "_tags/*"
 
 // comment