hexo-theme-volantis 5.8.1 → 6.0.1

package/source/css/_first/base_first.styl

@@ -37,7 +37,7 @@ html
   font-size: $fontsize-root
   >
     if hexo-config('custom_css.scrollbar.size')
-      scrollbar(convert(hexo-config('custom_css.scrollbar.size')), convert(hexo-config('custom_css.scrollbar.border')) || 0px, convert(hexo-config('custom_css.scrollbar.background')), convert(hexo-config('custom_css.scrollbar.hover_background')))
+      scrollbar(convert(hexo-config('custom_css.scrollbar.size')), convert(hexo-config('custom_css.scrollbar.border')) || 0px)
 
 body
   background-color: var(--color-site-body)

package/source/css/_style/_layout/article.styl

@@ -371,3 +371,46 @@ article .readmore
       border-bottom: 1px solid var(--color-meta);
       &:hover
         border-bottom-color: #ff5722
+.recommended-article
+  overflow: hidden
+  .recommended-article-header
+    margin-top: $gap * 0.5
+    margin-left: $gap * 0.5
+    margin-right: 0
+  .recommended-article-group
+    display: flex
+    flex-wrap: wrap
+    overflow: hidden
+    @media screen and (max-width: $device-tablet)
+      height: 190px
+      overflow: scroll
+      &::-webkit-scrollbar
+        width: 0 !important
+      -ms-overflow-style: none
+    .recommended-article-item
+      display: flex
+      flex-wrap: wrap
+      align-content: center;
+      justify-content: center;
+      align-items: center;
+      overflow: hidden
+      width: "calc(100%/3 - %s)" % $gap
+      @media screen and (max-width: $device-tablet)
+        width: "calc(100%/2 - %s)" % $gap
+      @media screen and (max-width: $device-mobile)
+        width: "calc(100% - %s)" % $gap
+      max-height: 200px
+      margin-top: $gap * 0.5
+      margin-left: $gap * 0.5
+      margin-right: 0
+      img
+        display: flex;
+        width: 100%
+        height: 150px
+      span
+        display: block
+        text-align: justify
+        display: -webkit-box
+        -webkit-box-orient: vertical
+        -webkit-line-clamp: 1;
+        overflow: hidden

package/source/css/_style/_layout/main.styl

@@ -13,7 +13,7 @@
       text-align: center
   #s-top
     trans(0.6s)
-    z-index: 9
+    z-index: 50
     position: fixed
     width: 48px
     height: 48px

package/source/css/_style/_layout/search.styl

@@ -11,6 +11,18 @@
     z-index: 3
     border-radius: $border-card
     overflow: hidden
+    .search-icon,
+    #resule-hits-empty
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 50%;
+      text-align: center;
+      transform: translate(-50%, -50%);
+      i
+        font-size: 8em;
+        color: #e8e8e8
+        margin-bottom 10px
     @media screen and (max-width: $modal-threshold)
       box-shadow: none
       max-width: none
@@ -19,15 +31,10 @@
       margin: 0
       height: 100%
       border-radius: 0
-
-
-
-
-
     .modal-header
       position: relative
       width: 100%
-      height: $navbar-height
+      height: 64px
       z-index: 3
       border-top-left-radius: $border-card
       border-top-right-radius: $border-card
@@ -42,13 +49,13 @@
         display: block
         position: absolute
         width: 50px + 5px
-        height: $navbar-height
+        height: 64px
         top: 0
         right: 0
         color: $color-theme
         cursor: pointer
         text-align: center
-        line-height: $navbar-height
+        line-height: 64px
         vertical-align: middle
         trans()
         z-index: 2
@@ -90,7 +97,7 @@
         background: transparent
         border: none
         width: 50px
-        height: $navbar-height
+        height: 64px
         vertical-align: middle
         color: $color-theme
         z-index: 2
@@ -99,8 +106,8 @@
       position: absolute
       padding: $gap
       width: 100%
-      height: "calc(100% - %s)" % $navbar-height
-      top: $navbar-height
+      height: "calc(100% - %s)" % 64px
+      top: 64px
       left: 0
       overflow-y: scroll
       -webkit-overflow-scrolling: touch
@@ -117,12 +124,12 @@
           b[mark]
             color: darken($color-theme, 10)
             text-decoration: underline
+            font-size 120%
+            background-color #ffe600
           &:hover
             background: var(--color-site-bg)
             .title
               color: var(--color-list-hl)
-
-
           .title
             display: inline-block
             max-width: 100%
@@ -150,7 +157,6 @@
             font-size: 11px
             color: var(--color-meta)
 
-
   .modal-overlay
     position: absolute
     top: 0
@@ -159,3 +165,189 @@
     height: 100%
     background: rgba(0,0,0,0.7)
     z-index: 1
+
+
+if hexo-config('search.service') == 'meilisearch'
+  #u-search
+    .modal-header
+      .ais-SearchBox-input
+        margin: $gap 50px
+        padding: 0 $gap * 0.5
+        width: "calc(100% - 100px - %s)" % $gap
+        @media screen and (max-width: $modal-threshold)
+          padding: 0
+        line-height: 2rem
+        border-radius: $border-card
+        vertical-align: middle
+        border: none
+        appearance: none
+        box-shadow: none
+        background: transparent
+        trans()
+        &:focus
+          border-top-left-radius: $border-card
+          border-top-right-radius: $border-card
+    .modal .modal-body
+      height: "calc(100% - %s)" % 115px
+      .ais-Hits-list
+        list-style: none
+        .result
+          position: relative
+          display: block
+          padding: $gap
+          border-radius: $border-card
+          b[mark]
+            color: darken($color-theme, 10)
+            text-decoration: underline
+            font-size 120%
+            background-color #ffe600
+          &:hover
+            background: var(--color-site-bg)
+            .title
+              color: var(--color-list-hl)
+          .title
+            display: inline-block
+            max-width: 100%
+            color: var(--color-list)
+            font-weight: bold
+            padding: 1px
+            margin-bottom: 2px
+            white-space: normal
+            overflow: hidden
+            text-overflow: ellipsis
+            font-size: $fontsize-h4
+          .digest
+            display: block
+            white-space: inherit
+            overflow: hidden
+            word-break: break-all
+            text-overflow: ellipsis
+            font-size: $fontsize-code
+            color: var(--color-meta)
+          .icon
+            position: absolute
+            top: 50%
+            right: 0
+            margin-top: -4px
+            font-size: 11px
+            color: var(--color-meta)
+    footer
+      position: absolute;
+      bottom: 0;
+      padding: 0 16px;
+      width: 100%;
+      height: 51px;
+      hr
+        margin 5px 0
+      #meilisearch-info
+        height 40px
+        line-height 40px
+        font-size 14px
+        div
+          display: inline
+        .meilisearch-poweredBy
+          float: right
+
+if hexo-config('search.service') == 'algolia'
+  #u-search
+    .modal-header
+      .ais-SearchBox-input
+        margin: $gap 50px
+        padding: 0 $gap * 0.5
+        width: "calc(100% - 100px - %s)" % $gap
+        @media screen and (max-width: $modal-threshold)
+          padding: 0
+        line-height: 2rem
+        border-radius: $border-card
+        vertical-align: middle
+        border: none
+        appearance: none
+        box-shadow: none
+        background: transparent
+        trans()
+        &:focus
+          border-top-left-radius: $border-card
+          border-top-right-radius: $border-card
+    .modal .modal-body
+      height: "calc(100% - %s)" % 155px
+      .ais-Hits-list
+        list-style: none
+        .result
+          position: relative
+          display: block
+          padding: $gap
+          border-radius: $border-card
+          b[mark]
+            color: darken($color-theme, 10)
+            text-decoration: underline
+            font-size 120%
+            background-color #ffe600
+          &:hover
+            background: var(--color-site-bg)
+            .title
+              color: var(--color-list-hl)
+          .title
+            display: inline-block
+            max-width: 100%
+            color: var(--color-list)
+            font-weight: bold
+            padding: 1px
+            margin-bottom: 2px
+            white-space: normal
+            overflow: hidden
+            text-overflow: ellipsis
+            font-size: $fontsize-h4
+          .digest
+            display: block
+            white-space: inherit
+            overflow: hidden
+            word-break: break-all
+            text-overflow: ellipsis
+            font-size: $fontsize-code
+            color: var(--color-meta)
+          .icon
+            position: absolute
+            top: 50%
+            right: 0
+            margin-top: -4px
+            font-size: 11px
+            color: var(--color-meta)
+    footer
+      position: absolute;
+      bottom: 0;
+      padding: 0 16px;
+      width: 100%;
+      height: 91px;
+      hr
+        margin 5px 0
+      #algolia-info
+        height 40px
+        line-height 40px
+        font-size 14px
+        div
+          display: inline
+        .algolia-poweredBy
+          float: right
+      #algolia-pagination
+        height 40px
+        line-height 40px
+        .ais-Pagination
+          text-align: center
+          padding-top: 5px;
+        .ais-Pagination-item
+          display: inline
+          margin: 0 4px
+          padding: 0
+          .ais-Pagination-link
+            display: inline-block
+            min-width: 24px
+            height: 24px
+            text-align: center
+            line-height: 24px
+        .ais-Pagination-item--selected
+          a
+            background: darken($color-theme, 10)
+            color: #eee
+            cursor: default
+        .ais-Pagination-item--disabled
+          visibility: hidden

package/source/css/_style/_plugins/index.styl

@@ -8,13 +8,11 @@ if hexo-config('plugins.message.enable')
   @import 'message'
 if hexo-config('plugins.aplayer.enable')
   @import 'aplayer'
-if hexo-config('plugins.pjax.enable') and hexo-config('plugins.pjax.animation')
-  @import 'pjaxanimate'
 if hexo-config('comments.service')=='gitalk'
   @import 'gitalk'
 if hexo-config('custom_css.cursor.enable')
   @import 'cursor'
-if hexo-config('rightmenu.enable') or hexo-config('rightmenus.enable')
+if hexo-config('rightmenus.enable')
   @import '_rightmenu/*'