hexo-theme-stellar 1.16.2 → 1.17.0

package/source/css/_layout/partial/article-footer.styl

@@ -1,4 +1,4 @@
-.md .article-footer
+.md-text .article-footer
   margin-top: 4rem
   padding: 1rem
   background: var(--block)
@@ -32,11 +32,11 @@
     padding-top: 1rem
     border-top: 1px solid var(--block-border)
 
-.md .article-footer .social-wrap
+.md-text .article-footer .social-wrap
   grid-gap: 0.5rem 1rem
   margin: 0
 
-.md .article-footer .qrcode
+.md-text .article-footer .qrcode
   width: 128px
   padding: 4px
   background: white
@@ -47,7 +47,7 @@
   img
     object-fit: contain
 
-.md .article-footer .qrcode.display
+.md-text .article-footer .qrcode.display
   margin: 2rem auto 1rem
   height: 128px !important
   visibility: visible !important

package/source/css/_layout/partial/paginator.styl

@@ -9,17 +9,27 @@
   border-radius: $border-card
   overflow: hidden
   box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.03)
-  &:hover
-  .paginator
+  a.page-number 
+    padding: 4px 8px
+    border-radius: 8px
+    background: var(--block)
+  .extend
     text-align: center
+    background-size: contain
+    width: 1rem
+    height: 1rem
+    background-origin: content-box
+    background-clip: content-box
     &.next
       border-left: 1px dashed var(--block-border)
+      background-image: url('https://fastly.jsdelivr.net/gh/cdn-x/placeholder@1.0.1/arrow/064b95430caf4.svg')
     &.prev
       border-right: 1px dashed var(--block-border)
+      background-image: url('https://fastly.jsdelivr.net/gh/cdn-x/placeholder@1.0.1/arrow/f049bbd4e88ec.svg')
   .current
     font-family: $ff-code
     color: var(--text-p3)
-  a.paginator
+  .extend
     color: var(--text-p3)
     padding: 1rem
     line-height: 0
@@ -28,6 +38,7 @@
       height: 1rem
     &.disable
       pointer-events: none
-      opacity: 0.25
-  a.paginator:hover
+  span.extend
+    opacity: 0.25
+  a.extend:hover
     filter: unset

package/source/css/_layout/partial/related.styl

@@ -31,19 +31,11 @@
       color: var(--text-p1)
       font-weight: 500
       font-size: 1rem
-      trans1 color
+      trans2 color border
       position: relative
-      padding-bottom: 4px
-      &:after
-        content: ''
-        position: absolute
-        left: 0
-        width: 0
-        height: 2px
-        bottom: 0
-        border-radius: 2px
-        background: $color-hover
-        trans1 width
+      padding-bottom: 2px
+      border-bottom: 1px dashed var(--text-meta)
+      line-height: 1.6
     .excerpt
       color: var(--text-p3)
       font-size: $fs-12
@@ -55,8 +47,7 @@
     &:hover
       .title
         color: $color-hover
-        &:after
-          width: 100%
+        border-bottom: 1px solid $color-hover
 
 
 .related-wrap#read-next
@@ -94,6 +85,7 @@
   div.cmt-title
     p
       margin: 0
+      font-size: inherit
       a
         color: inherit
         text-decoration: underline

package/source/css/_layout/sidebar/footer.styl

@@ -1,7 +1,5 @@
 .l_left>.footer
-  margin: 0.5rem var(--gap-l) 0
-  @media screen and (max-width: $device-tablet)
-    margin-bottom: 1rem
+  margin: 0.5rem var(--gap-l) 1rem
 
 .social-wrap
   display: grid

package/source/css/_layout/sidebar/header.styl

@@ -0,0 +1,112 @@
+.l_left 
+  nav.menu
+    margin-bottom: 0
+
+nav.menu
+  margin: 1rem 0
+  background: var(--block)
+  border-radius: 6px
+  display: flex
+  padding: 1px
+  flex-wrap: wrap
+  &::-webkit-scrollbar
+    display: none
+  &::-webkit-scrollbar-track-piece
+    background: transparent
+  &::-webkit-scrollbar-thumb
+    display: none
+  a.nav-item
+    text-overflow: ellipsis
+    word-break: keep-all
+    margin: 1px
+    border-radius: 4px
+    font-size: $fs-14
+    font-weight: 500
+    overflow: hidden
+    padding: 0.375rem 0.5rem
+    color: var(--text-p3)
+    text-align: center
+    &.active, &:hover
+      color: var(--text-p1)
+      background: var(--card)
+      box-shadow: $boxshadow-button
+
+.l_left .menu a.nav-item
+  flex-grow: 1
+
+
+.logo-wrap
+  display: flex
+  align-items: center
+  overflow: hidden
+  a
+    color: inherit
+    display: flex
+    align-items: center
+  a.avatar
+    display: block
+    position: relative
+    width: 50px
+    height: 50px
+    flex-shrink: 0
+    border-radius: 50px
+    overflow: hidden
+    margin-right: 1rem
+    div.bg
+      width: 100%
+      height: 100%
+      background-size: cover
+    img.avatar
+      margin: 2px
+      object-fit: cover
+      width: "calc(100% - 2 * %s)" % @margin
+      height: "calc(100% - 2 * %s)" % @margin
+      border-radius: @width
+    if hexo-config('style.animated_avatar.animate')
+      div.bg
+        trans1: opacity
+        position: absolute
+        opacity: 0 !important
+        z-index: -1
+      @keyframes spin
+        from
+          transform:rotate(0deg)
+        to
+          transform:rotate(360deg)
+    if hexo-config('style.animated_avatar.animate') == 'always'
+      div.bg
+        opacity: 1 !important
+        animation: spin infinite 4s
+        animation-timing-function: linear
+    if hexo-config('style.animated_avatar.animate') == 'auto'
+      &:hover
+        div.bg
+          opacity: 1 !important
+          animation: spin infinite 4s
+          animation-timing-function: linear
+
+  a.title
+    font-size: 1.75rem
+    font-weight: 900
+    color: inherit
+    line-height: 1.2
+    display: block
+    position: relative
+    .main
+      color: var(--text-p0)
+    .sub
+      color: var(--text-p1)
+      trans2 opacity transform
+      white-space: nowrap
+    .hover
+      position: absolute
+      bottom: 0
+      transform: translateY(8px)
+      overflow: visible
+    &:hover
+      .normal
+        opacity: 0
+        transform: translateY(-8px)
+      .hover
+        transform: translateY(0)
+        opacity: 1 !important

package/source/css/_layout/sidebar/sidebar.styl

@@ -3,12 +3,12 @@
   flex-direction: column
   word-break: break-all
   text-align: justify
-  height: "calc(100vh - 1 * %s)" % var(--gap-l)
+  height: 100vh
   .header
     margin: var(--gap-l) var(--gap-l) 0
     margin-top: "calc(2 * %s)" % var(--gap-l)
   @media screen and (min-width: $device-mobile-max)
-    >.widgets:first-child>.widget-wrap:first-child
+    >.widgets:first-child>.widget-wrapper:first-child
       margin-top: "calc(2 * %s)" % var(--gap-l)
   @media screen and (max-width: $device-mobile-max)
     height: 100vh
@@ -23,84 +23,7 @@
     margin-bottom: 6rem
 
 
-.logo-wrap
-  display: flex
-  align-items: center
-  overflow: hidden
-  a
-    color: inherit
-    display: flex
-    align-items: center
-  a.avatar
-    display: block
-    position: relative
-    width: 50px
-    height: 50px
-    flex-shrink: 0
-    border-radius: 50px
-    overflow: hidden
-    margin-right: 1rem
-    div.bg
-      width: 100%
-      height: 100%
-      background-size: cover
-    img.avatar
-      margin: 2px
-      object-fit: cover
-      width: "calc(100% - 2 * %s)" % @margin
-      height: "calc(100% - 2 * %s)" % @margin
-      border-radius: @width
-    if hexo-config('style.animated_avatar.animate')
-      div.bg
-        trans1: opacity
-        position: absolute
-        opacity: 0 !important
-        z-index: -1
-      @keyframes spin
-        from
-          transform:rotate(0deg)
-        to
-          transform:rotate(360deg)
-    if hexo-config('style.animated_avatar.animate') == 'always'
-      div.bg
-        opacity: 1 !important
-        animation: spin infinite 4s
-        animation-timing-function: linear
-    if hexo-config('style.animated_avatar.animate') == 'auto'
-      &:hover
-        div.bg
-          opacity: 1 !important
-          animation: spin infinite 4s
-          animation-timing-function: linear
-
-  a.title
-    font-size: 1.75rem
-    font-weight: 900
-    color: inherit
-    line-height: 1.2
-    display: block
-    position: relative
-    .main
-      color: var(--text-p0)
-    .sub
-      color: var(--text-p1)
-      trans2 opacity transform
-      white-space: nowrap
-    .hover
-      position: absolute
-      bottom: 0
-      transform: translateY(8px)
-      overflow: visible
-    &:hover
-      .normal
-        opacity: 0
-        transform: translateY(-8px)
-      .hover
-        transform: translateY(0)
-        opacity: 1 !important
-
-
-.l_left .widgets .widget-wrap.logo-wrap.wiki
+.l_left .widgets .widget-wrapper.logo-wrap.wiki
   margin-bottom: 1.5rem
   flex-direction: column
   align-items: flex-start
@@ -113,38 +36,3 @@
       color: $color-hover
       filter: unset !important
 
-.l_left nav.menu
-  margin-bottom: 1.5rem
-
-nav.menu
-  margin: 1rem 0
-  background: var(--block)
-  border-radius: 6px
-  display: flex
-  padding: 1px
-  flex-wrap: wrap
-  &::-webkit-scrollbar
-    display: none
-  &::-webkit-scrollbar-track-piece
-    background: transparent
-  &::-webkit-scrollbar-thumb
-    display: none
-  a.nav-item
-    text-overflow: ellipsis
-    word-break: keep-all
-    margin: 1px
-    border-radius: 4px
-    font-size: $fs-14
-    font-weight: 500
-    overflow: hidden
-    padding: 0.375rem 0.5rem
-    color: var(--text-p3)
-    text-align: center
-    &.active, &:hover
-      color: var(--text-p1)
-      background: var(--card)
-      box-shadow: $boxshadow-button
-
-.l_left .menu a.nav-item
-  flex-grow: 1
-

package/source/css/_layout/tag-plugins/checkbox.styl

@@ -1,4 +1,4 @@
-.md .checkbox
+.md-text .checkbox
   display: flex
   font-size: $fs-15
   line-height: 1.2

package/source/css/_layout/tag-plugins/copy.styl

@@ -1,4 +1,4 @@
-.md .tag-plugin.copy
+.md-text .tag-plugin.copy
   display: flex
   justify-content: space-between
   box-sizing: border-box

package/source/css/_layout/tag-plugins/emoji.styl

@@ -1,4 +1,4 @@
-.md .tag-plugin.emoji
+.md-text .tag-plugin.emoji
   display: inline-block
   margin: -4px 2px 0
   vertical-align: middle

package/source/css/_layout/tag-plugins/frame.styl

@@ -1,4 +1,4 @@
-.md .frame-wrap
+.md-text .frame-wrap
   position: relative
   overflow: hidden
   margin: 0 auto
@@ -8,7 +8,7 @@
   align-items: center
   img,video
     border-radius: 0
-.md .frame-wrap .frame
+.md-text .frame-wrap .frame
   z-index: 1
   display: block
   position: absolute;
@@ -16,11 +16,11 @@
   background-repeat: no-repeat;
   overflow: hidden;
 
-.md .tag-plugin.img-wrap .frame-wrap
+.md-text .tag-plugin.img-wrap .frame-wrap
   &[focus]
     height: auto
 
-.md .frame-wrap
+.md-text .frame-wrap
   &#iphone11
     img,video
       width: 287px
@@ -44,7 +44,7 @@
       bottom: 0
 
 @media screen and (max-width: $device-mobile)
-  .md .frame-wrap
+  .md-text .frame-wrap
     &#iphone11
       img,video
         width: 208px

package/source/css/_layout/tag-plugins/inline-labels.styl

@@ -1,4 +1,4 @@
-.md
+.md-text
   u
     text-decoration: none
     border-bottom: 2px solid $color-hover

package/source/css/_layout/tag-plugins/link.styl

@@ -1,4 +1,4 @@
-.md .tag-plugin.link
+.md-text .tag-plugin.link
   max-width: 100%
   margin: 1em auto
   display: flex
@@ -6,7 +6,7 @@
   @media screen and (max-width: $device-mobile-375)
     width: 100%
 
-.md .link-card
+.md-text .link-card
   background: var(--card)
   display: inline-flex
   justify-content: space-between
@@ -24,17 +24,17 @@
     box-shadow: $boxshadow-card-float
     transform: translateY(-1px)
 
-.md .link-card.plain
+.md-text .link-card.plain
   flex-direction: row
   align-items: center
 
-.md .link-card.rich
+.md-text .link-card.rich
   flex-direction: column
   align-items: stretch
   width: 460px
   text-align: justify
 
-.md .link-card
+.md-text .link-card
   >.left
     overflow: hidden
     margin: 0.75rem 0 0.75rem 0.75rem
@@ -72,7 +72,7 @@
       font-size: $fs-15
       margin-bottom: 0.5rem
 
-.md .link-card
+.md-text .link-card
   line-height: 1.2
   .title
     display: -webkit-box

package/source/css/_layout/tag-plugins/mark.styl

@@ -1,7 +1,6 @@
-.md .tag-plugin.mark
-  margin: 0 1px
-  padding: 1px 2px
-  border-radius: 4px
+.md-text .tag-plugin.mark
+  padding: 0 1px
+  border-radius: 2px
   background: var(--theme-bg)
   border: 1px solid var(--theme-border)
   color: var(--text-p0)

package/source/css/_layout/tag-plugins/navbar.styl

@@ -1,4 +1,4 @@
-.md .tag-plugin.navbar
+.md-text .tag-plugin.navbar
   text-align: center
   nav.cap
     margin: 0

package/source/css/_layout/tag-plugins/note.styl

@@ -1,4 +1,4 @@
-.md .tag-plugin.note
+.md-text .tag-plugin.note
   position: relative
   margin-top: 1rem
   margin-bottom: 1rem
@@ -21,13 +21,13 @@
     margin: 1rem 0
 
 
-.md .tag-plugin.note[color]
+.md-text .tag-plugin.note[color]
   code
     background: none
-.md .tag-plugin.note:not([color])
+.md-text .tag-plugin.note:not([color])
   .highlight
     background: var(--block-hover)
-.md .tag-plugin.note[child=codeblock]
+.md-text .tag-plugin.note[child=codeblock]
   padding: 0
   >.title, >.body:only-child
     margin-top: 0
@@ -38,13 +38,13 @@
     border: none
     background: none
 
-.md .tag-plugin.note[child=tabs]
+.md-text .tag-plugin.note[child=tabs]
   >.body
     margin: 0
     >.tabs
       margin-top: .5rem
 
-.md .tag-plugin.note[child=iframe]
+.md-text .tag-plugin.note[child=iframe]
   overflow: hidden
   padding: 0
   >.body
@@ -52,5 +52,5 @@
     iframe
       margin: 0
 
-.md .tag-plugin .tag-plugin.note
+.md-text .tag-plugin .tag-plugin.note
   --gap-p: 1rem

package/source/css/_layout/tag-plugins/poetry.styl

@@ -1,4 +1,4 @@
-.md .tag-plugin.poetry
+.md-text .tag-plugin.poetry
   align-self: center
   &[align=center]
     align-items: center
@@ -25,7 +25,7 @@
     font-size: $fs-12
 
 // 描边修饰
-.md .tag-plugin.poetry
+.md-text .tag-plugin.poetry
   padding-left: 1rem
   position: relative
   &:before

package/source/css/_layout/tag-plugins/quot.styl

@@ -1,9 +1,9 @@
-.md .tag-plugin.quot
+.md-text .tag-plugin.quot
   text-align: center
   position: relative
   align-items: center
   max-width 400px
-.md .tag-plugin.quot:not(span)
+.md-text .tag-plugin.quot:not(span)
   display: inline-flex
   align-self: center
   border-bottom: none
@@ -18,7 +18,7 @@
   line-height: 1.2
 
 // override
-article.md.content
+.md-text.content
   .quot:not(span)
     color: var(--text-p0)
   h1.quot
@@ -33,7 +33,7 @@ article.md.content
     font-size: $fs-h4
 
 // type=text
-.md .tag-plugin.quot[type=text]:not(span)
+.md-text .tag-plugin.quot[type=text]:not(span)
   &:before,&:after
     content: ""
     position: absolute
@@ -49,14 +49,14 @@ article.md.content
     bottom: 0
     border-right: 6px solid $color-accent
     border-bottom: 6px solid $color-accent
-article.md.content h1.quot[type=text]
+.md-text.content h1.quot[type=text]
   &:before,&:after
     width: 12px
     height: 20px
     border-width: 8px
 
 // type=icon
-.md .tag-plugin.quot[type=icon]:not(span)
+.md-text .tag-plugin.quot[type=icon]:not(span)
   .icon
     height: 1.5em
     display: inline-block
@@ -69,7 +69,7 @@ article.md.content h1.quot[type=text]
       margin-left: .5rem
 
 // inline quot
-.md span.tag-plugin.quot
+.md-text span.tag-plugin.quot
   font-weight: 500
   &:before,&:after
     color: $color-accent

package/source/css/_layout/tag-plugins/tabs.styl

@@ -80,7 +80,7 @@
       &.active
         display: block
 
-.md.indent .tag-plugin.tabs .tab-content p:not([class])
+.md-text.indent .tag-plugin.tabs .tab-content p:not([class])
   text-indent: 'calc(%s * 2)' % $fs-p
   a
     text-indent: 0

package/source/css/_layout/tag-plugins/timeline.styl

@@ -1,7 +1,7 @@
-.md .tag-plugin.folding .body:has(.timeline)
+.md-text .tag-plugin.folding .body:has(.timeline)
   background: var(--site-bg)
   
-.md .tag-plugin.timeline
+.md-text .tag-plugin.timeline
   position: relative
   margin-top: 0
   padding-left: 16px
@@ -20,7 +20,7 @@
     &:before
       display: none
 
-.md .tag-plugin.timeline .timenode
+.md-text .tag-plugin.timeline .timenode
   position: relative
   display: flex
   flex-direction: column

package/source/css/_layout/widgets/ghrepo.styl

@@ -0,0 +1,34 @@
+.widget-wrapper.ghrepo
+  .repo
+    display: block
+    padding: 0.75rem 0.5rem
+    color: var(--text-p2)
+    background: var(--card)
+    border-radius: $border-block
+    box-shadow: $boxshadow-card
+    trans2 box-shadow transform
+    >div+div
+      margin-top: 0.5rem
+    span
+      color: var(--text-p2)
+    &:hover
+      box-shadow: $boxshadow-card-float
+      transform: translateY(-1px)
+    svg
+      margin-right: 4px
+    .flex-row
+      display: flex 
+      align-items: center
+    .repo-name
+      font-size: $fs-14
+      font-weight: 700
+      color: var(--text-p1)
+    .repo-desc
+      font-size: $fs-13
+      margin-left: 2px
+      margin-right: 2px
+    .grid
+      font-size: $fs-13
+      display: grid
+      grid-gap: 2px
+      grid-template-columns: repeat(auto-fill, "calc((100% - 2 * %s) / 3)" % 2px)