hexo-theme-lnote 1.2.4 → 1.2.6

package/source/css/_pages/_post/post-page.styl

@@ -1,179 +1,179 @@
-.post-content, post-custom
-  box-sizing border-box
-  padding-left 10%
-  padding-right 10%
-
-@media (max-width: 767px)
-  .post-content, post-custom
-    padding-left 2rem
-    padding-right 2rem
-
-@media (max-width: 424px)
-  .post-content, post-custom
-    padding-left 1rem
-    padding-right 1rem
-
-  .anchorjs-link-left
-    opacity 0 !important
-
-.page-content, .post-content
-  strong
-    font-weight bold
-
-  & > *:first-child
-    margin-top 0
-
-  img
-    object-fit cover
-    max-width 100%
-
-@media (max-width: 767px)
-  .page-content, .post-content
-    overflow-x hidden
-
-.post-metas
-  display flex
-  flex-wrap wrap
-  font-size .9rem
-
-.post-meta
-
-  & > *:not(.hover-with-bg)
-    margin-right .2rem
-
-.post-prevnext
-  display flex
-  flex-wrap wrap
-  justify-content space-between
-  font-size .9rem
-  margin-left -.35rem
-  margin-right -.35rem
-
-  .post-prev, .post-next
-    display flex
-    padding-left 0
-    padding-right 0
-
-    i
-      font-size 1.5rem
-
-    a
-      display flex
-      align-items center
-
-    .hidden-mobile
-      display -webkit-box
-      -webkit-box-orient vertical
-      -webkit-line-clamp 2
-      text-overflow ellipsis
-      overflow hidden
-
-    @media (max-width: 575px)
-      .hidden-mobile
-        display none
-
-  .post-prev:hover i, .post-prev:active i, .post-next:hover i, .post-next:active i
-    -webkit-animation-duration 1s
-    animation-duration 1s
-    -webkit-animation-delay .1s
-    animation-delay .1s
-    -webkit-animation-timing-function ease-in-out
-    animation-timing-function ease-in-out
-    -webkit-animation-iteration-count infinite
-    animation-iteration-count infinite
-    -webkit-animation-fill-mode forwards
-    animation-fill-mode forwards
-    -webkit-animation-direction alternate
-    animation-direction alternate
-
-  .post-prev:hover i, .post-prev:active i
-    -webkit-animation-name post-prev-anim
-    animation-name post-prev-anim
-
-  .post-next:hover i, .post-next:active i
-    -webkit-animation-name post-next-anim
-    animation-name post-next-anim
-
-  .post-next
-    justify-content flex-end
-
-  .fa-chevron-left
-    margin-right .5rem
-
-  .fa-chevron-right
-    margin-left .5rem
-
-@keyframes post-prev-anim
-  0%
-    -webkit-transform translateX(0)
-    transform translateX(0)
-  50%
-    -webkit-transform translateX(-0.35rem)
-    transform translateX(-0.35rem)
-  100%
-    -webkit-transform translateX(0)
-    transform translateX(0)
-
-@keyframes post-next-anim
-  0%
-    -webkit-transform translateX(0)
-    transform translateX(0)
-  50%
-    -webkit-transform translateX(0.35rem)
-    transform translateX(0.35rem)
-  100%
-    -webkit-transform translateX(0)
-    transform translateX(0)
-
-#seo-header
-  color var(--post-heading-color)
-  font-weight bold
-  margin-top 0.5em
-  margin-bottom 0.75em
-  border-bottom-color var(--line-color)
-  border-bottom-style solid
-  border-bottom-width 2px
-  line-height 1.5
-
-.custom, #comments
-  margin-top 2rem
-
-#comments
-  noscript
-    display block
-    text-align center
-    padding 2rem 0
-
-.visitors
-  font-size .8em
-  padding .45rem
-  float right
-
-a.fancybox:hover
-  text-decoration none
-
-// Rewrite mathjax
-mjx-container, .mjx-container
-  overflow-x auto
-  overflow-y hidden !important
-  padding .5em 0
-
-  &:focus, svg:focus
-    outline none
-
-.mjx-char
-  line-height 1
-
-// Rewrite katex
-.katex-block
-  overflow-x auto
-
-.katex, .mjx-mrow
-  white-space pre-wrap !important
-
-// Rewrite hint
-.footnote-ref [class*=hint--][aria-label]:after
-  max-width 12rem
-  white-space nowrap
-  overflow hidden
-  text-overflow ellipsis
+.post-content, post-custom
+  box-sizing border-box
+  padding-left 10%
+  padding-right 10%
+
+@media (max-width: 767px)
+  .post-content, post-custom
+    padding-left 2rem
+    padding-right 2rem
+
+@media (max-width: 424px)
+  .post-content, post-custom
+    padding-left 1rem
+    padding-right 1rem
+
+  .anchorjs-link-left
+    opacity 0 !important
+
+.page-content, .post-content
+  strong
+    font-weight bold
+
+  & > *:first-child
+    margin-top 0
+
+  /* img
+    object-fit cover
+    max-width 100% */
+
+@media (max-width: 767px)
+  .page-content, .post-content
+    overflow-x hidden
+
+.post-metas
+  display flex
+  flex-wrap wrap
+  font-size .9rem
+
+.post-meta
+
+  & > *:not(.hover-with-bg)
+    margin-right .2rem
+
+.post-prevnext
+  display flex
+  flex-wrap wrap
+  justify-content space-between
+  font-size .9rem
+  margin-left -.35rem
+  margin-right -.35rem
+
+  .post-prev, .post-next
+    display flex
+    padding-left 0
+    padding-right 0
+
+    i
+      font-size 1.5rem
+
+    a
+      display flex
+      align-items center
+
+    .hidden-mobile
+      display -webkit-box
+      -webkit-box-orient vertical
+      -webkit-line-clamp 2
+      text-overflow ellipsis
+      overflow hidden
+
+    @media (max-width: 575px)
+      .hidden-mobile
+        display none
+
+  .post-prev:hover i, .post-prev:active i, .post-next:hover i, .post-next:active i
+    -webkit-animation-duration 1s
+    animation-duration 1s
+    -webkit-animation-delay .1s
+    animation-delay .1s
+    -webkit-animation-timing-function ease-in-out
+    animation-timing-function ease-in-out
+    -webkit-animation-iteration-count infinite
+    animation-iteration-count infinite
+    -webkit-animation-fill-mode forwards
+    animation-fill-mode forwards
+    -webkit-animation-direction alternate
+    animation-direction alternate
+
+  .post-prev:hover i, .post-prev:active i
+    -webkit-animation-name post-prev-anim
+    animation-name post-prev-anim
+
+  .post-next:hover i, .post-next:active i
+    -webkit-animation-name post-next-anim
+    animation-name post-next-anim
+
+  .post-next
+    justify-content flex-end
+
+  .fa-chevron-left
+    margin-right .5rem
+
+  .fa-chevron-right
+    margin-left .5rem
+
+@keyframes post-prev-anim
+  0%
+    -webkit-transform translateX(0)
+    transform translateX(0)
+  50%
+    -webkit-transform translateX(-0.35rem)
+    transform translateX(-0.35rem)
+  100%
+    -webkit-transform translateX(0)
+    transform translateX(0)
+
+@keyframes post-next-anim
+  0%
+    -webkit-transform translateX(0)
+    transform translateX(0)
+  50%
+    -webkit-transform translateX(0.35rem)
+    transform translateX(0.35rem)
+  100%
+    -webkit-transform translateX(0)
+    transform translateX(0)
+
+#seo-header
+  color var(--post-heading-color)
+  font-weight bold
+  margin-top 0.5em
+  margin-bottom 0.75em
+  border-bottom-color var(--line-color)
+  border-bottom-style solid
+  border-bottom-width 2px
+  line-height 1.5
+
+.custom, #comments
+  margin-top 2rem
+
+#comments
+  noscript
+    display block
+    text-align center
+    padding 2rem 0
+
+.visitors
+  font-size .8em
+  padding .45rem
+  float right
+
+a.fancybox:hover
+  text-decoration none
+
+// Rewrite mathjax
+mjx-container, .mjx-container
+  overflow-x auto
+  overflow-y hidden !important
+  padding .5em 0
+
+  &:focus, svg:focus
+    outline none
+
+.mjx-char
+  line-height 1
+
+// Rewrite katex
+.katex-block
+  overflow-x auto
+
+.katex, .mjx-mrow
+  white-space pre-wrap !important
+
+// Rewrite hint
+.footnote-ref [class*=hint--][aria-label]:after
+  max-width 12rem
+  white-space nowrap
+  overflow hidden
+  text-overflow ellipsis

package/source/css/_pages/_post/post-plugin.styl

@@ -0,0 +1,10 @@
+.lnote-lightbox-caption
+    position absolute
+    bottom 2vh
+    font-weight bolder
+    width 100vw
+    display flex
+    justify-content center
+    > div
+        background-color #00000053
+        padding 0.2em 0.6em

package/source/css/_pages/_post/post-tag.styl

@@ -1,29 +1,75 @@
-// note
-.note
-  border-left 0.35rem solid
-  margin 1.5rem 0
-  transition color .2s ease-in-out
-  a
-    color var(--text-color)
-    transition color .2s ease-in-out
-
-  *:last-child
-    margin-bottom 0
-
-// group-image
-.group-image-container
-  margin 1.5rem auto
-  img
-    width: 100%
-    height: 100%
-    object-fit: cover
-  .image-adapter
-    padding-bottom: 100%
-    position: relative
-    > div
-      width: 100%
-      height: 100%
-      position: absolute
-      left: 0
-      top: 0
-      z-index: 2
+// popover
+.lnote-popover-btn
+    --bs-btn-padding-y 0
+    --bs-btn-padding-x 0.28rem
+    --bs-btn-line-height 1
+.lnote-popover
+    --bs-popover-border-color var(--bs-primary)
+    --bs-popover-body-padding-x 0
+    --bs-popover-body-padding-y 0
+    --bs-popover-bg transparent
+    &.secondary
+      --bs-popover-border-color var(--bs-secondary)
+    &.info
+      --bs-popover-border-color var(--bs-info)
+    &.success
+      --bs-popover-border-color var(--bs-success)
+    &.warning
+      --bs-popover-border-color var(--bs-warning)
+    &.danger
+      --bs-popover-border-color var(--bs-danger)
+    &.light
+      --bs-popover-border-color var(--bs-light)
+    &.dark
+      --bs-popover-border-color var(--bs-dark)
+
+// note
+.note
+  border-left 0.35rem solid
+  margin 1.5rem 0
+  transition color .2s ease-in-out
+  a
+    color var(--text-color)
+    transition color .2s ease-in-out
+
+  *:last-child
+    margin-bottom 0
+
+// group-image
+.group-image-container
+  margin 1rem auto
+  img
+    width 100%
+    height 100%
+  .image-adapter
+    padding-bottom 100%
+    position relative
+    > div
+      width 100%
+      height 100%
+      position absolute
+      left 0
+      top 0
+      z-index 2
+
+// chat
+.chats
+  .chat-avatar
+    width: 2.8rem
+    height: 2.8rem
+  .chat-name
+    font-size: 0.8rem
+    line-height: 1
+    max-width: 84%
+    white-space: nowrap
+    text-overflow: ellipsis
+  .chat-content
+    max-width: 84%
+    :last-child
+      margin-bottom: 0
+  /* .chat-sender
+    .chat-content
+      background-color: var(--chat-sender)
+  .chat-responder
+    .chat-content
+      background-color: var(--chat-responder) */

package/source/css/_pages/_tag/tags.styl

@@ -1,9 +1,9 @@
-.tagcloud
-  padding 1rem 5%
-
-  a
-    display inline-block
-    padding .5rem
-
-    &:hover
-      color var(--link-hover-color) !important
+.tagcloud
+  padding 1rem 5%
+
+  a
+    display inline-block
+    padding .5rem
+
+    &:hover
+      color var(--link-hover-color) !important

package/source/css/_pages/pages.styl

@@ -1,8 +1,8 @@
-@import "_base/*"
-@import "_index/*"
-@import "_post/*"
-@import "_archive/*"
-@import "_about/*"
-@import "_category/*"
-@import "_tag/*"
-@import "_links/*"
+@import "_base/*"
+@import "_index/*"
+@import "_post/*"
+@import "_archive/*"
+@import "_about/*"
+@import "_category/*"
+@import "_tag/*"
+@import "_links/*"

package/source/css/_variables/base.styl

@@ -1,72 +1,72 @@
-// font
-// $font-size = theme-config("font.font_size", "16px")
-$font-size = 16px
-$letter-spacing = 0.02em
-$font-family = var(--font-family-sans-serif)
-$code-font-size = 85%
-
-// body
-$body-bg-color = #fff
-$body-bg-color-dark = #000
-
-// text
-$text-color = #000
-$text-color-dark = #dbdbdb
-$sec-text-color = #000
-$sec-text-color-dark = #e6e6e6
-
-// post
-$post-text-color = #000
-$post-text-color-dark = #c8c8c8
-$post-heading-color = #000
-$post-heading-color-dark = #d0d0d0
-$post-link-color = #2c3e50
-$post-link-color-dark = #c4c6c9
-$link-hover-color = #30a9de
-$link-hover-color-dark = #30a9de
-$link-hover-bg-color = #ebedef
-$link-hover-bg-color-dark = #3d424b
-$line-color = #eaecef
-$line-color-dark = #435266
-$button-bg-color = #f6f8fa
-$button-bg-color-dark = #2f4154
-$button-hover-bg-color = #f2f3f5
-$button-hover-bg-color-dark = #46647e
-
-// navbar
-$navbar-bg-color = #000
-$navbar-bg-color-dark = #000
-$navbar-text-color = #fff
-$navbar-text-color-dark = #d0d0d0
-$navbar-glass-enable = false
-$navbar-glass-px = 0px
-$navbar-glass-alpha = 0
-
-// banner
-$banner-width-height-ratio = 0
-
-// subtitle
-$subtitle-color = #fff
-$subtitle-color-dark = #d0d0d0
-
-// scroll arrow
-$scroll-arrow-height-limit = 0
-
-// board
-$board-bg-color = #fff
-$board-bg-color-dark = #252d38
-
-// scrollbar
-$scrollbar-color = #c4c6c9
-$scrollbar-color-dark = #687582
-$scrollbar-hover-color = #a6a6a6
-$scrollbar-hover-color-dark = #9da8b3
-
-// code
-$highlight-bg-color = #f6f8fa
-$highlight-bg-color-dark = #2d333b
-$inlinecode-bg-color = rgba(175, 184, 193, .2)
-$inlinecode-bg-color-dark = rgba(99, 110, 123, .4)
-
-// shadow
-$img-shadow = 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
+// font
+// $font-size = theme-config("font.font_size", "16px")
+$font-size = 16px
+$letter-spacing = 0.02em
+$font-family = var(--font-family-sans-serif)
+$code-font-size = 85%
+
+// body
+$body-bg-color = #fff
+$body-bg-color-dark = #181818
+
+// text
+$text-color = #000
+$text-color-dark = #dbdbdb
+$sec-text-color = #000
+$sec-text-color-dark = #e6e6e6
+
+// post
+$post-text-color = #000
+$post-text-color-dark = #c8c8c8
+$post-heading-color = #000
+$post-heading-color-dark = #d0d0d0
+$post-link-color = #2c3e50
+$post-link-color-dark = #c4c6c9
+$link-hover-color = #30a9de
+$link-hover-color-dark = #30a9de
+$link-hover-bg-color = #ebedef
+$link-hover-bg-color-dark = #3d424b
+$line-color = #eaecef
+$line-color-dark = #435266
+$button-bg-color = #f6f8fa
+$button-bg-color-dark = #2f4154
+$button-hover-bg-color = #f2f3f5
+$button-hover-bg-color-dark = #46647e
+
+// navbar
+$navbar-bg-color = #000
+$navbar-bg-color-dark = #000
+$navbar-text-color = #fff
+$navbar-text-color-dark = #d0d0d0
+$navbar-glass-enable = false
+$navbar-glass-px = 0px
+$navbar-glass-alpha = 0
+
+// banner
+$banner-width-height-ratio = 0
+
+// subtitle
+$subtitle-color = #fff
+$subtitle-color-dark = #d0d0d0
+
+// scroll arrow
+$scroll-arrow-height-limit = 0
+
+// board
+$board-bg-color = #fff
+$board-bg-color-dark = #252d38
+
+// scrollbar
+$scrollbar-color = #c4c6c9
+$scrollbar-color-dark = #687582
+$scrollbar-hover-color = #a6a6a6
+$scrollbar-hover-color-dark = #9da8b3
+
+// code
+$highlight-bg-color = #f6f8fa
+$highlight-bg-color-dark = #2d333b
+$inlinecode-bg-color = rgba(175, 184, 193, .2)
+$inlinecode-bg-color-dark = rgba(99, 110, 123, .4)
+
+// shadow
+$img-shadow = 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)