hexo-theme-solitude 1.1.3 → 1.2.1

package/source/css/_global/function.styl

@@ -0,0 +1,83 @@
+maxWidth600()
+	@media screen and (max-width: 600px)
+		{block}
+
+maxWidth768()
+	@media screen and (max-width: 768px)
+		{block}
+
+minWidth768()
+	@media screen and (min-width: 768px)
+		{block}
+
+maxWidth798()
+	@media screen and (max-width: 798px)
+		{block}
+
+minWidth798()
+	@media screen and (min-width: 798px)
+		{block}
+
+maxWidth899()
+	@media screen and (max-width: 899px)
+		{block}
+
+minWidth899()
+	@media screen and (min-width: 899px)
+		{block}
+
+maxWidth900()
+	@media screen and (max-width: 900px)
+		{block}
+
+minWidth900()
+	@media screen and (min-width: 900px)
+		{block}
+
+maxWidth1300()
+	@media screen and (max-width: 1300px)
+		{block}
+
+minWidth1300()
+	@media screen and (min-width: 1300px)
+		{block}
+
+maxWidth1400()
+	@media screen and (max-width: 1400px)
+		{block}
+
+minWidth1400()
+	@media screen and (min-width: 1400px)
+		{block}
+
+maxWidth1200()
+	@media screen and (max-width: 1200px)
+		{block}
+
+minWidth1200()
+	@media screen and (min-width: 1200px)
+		{block}
+
+maxWidth1024()
+	@media screen and (max-width: 1024px)
+		{block}
+
+maxWidth900()
+	@media screen and (max-width: 900px)
+		{block}
+
+minWidth901()
+	@media screen and (min-width: 901px)
+		{block}
+
+minWidth900()
+	@media screen and (min-width: 900px)
+		{block}
+
+minWidth2000()
+	@media screen and (min-width: 2000px)
+		{block}
+
+maxHeight800()
+	@media screen and (max-height: 800px)
+		{block}

package/source/css/_global/index.styl

@@ -0,0 +1,120 @@
+:root
+  --sco-white #fff
+  --sco-white-op rgba(255, 255, 255, 0.2)
+  --sco-black #000
+  --sco-black-op rgba(0, 0, 0, 0.2)
+  --sco-none #00000000
+  --sco-gray #999999
+  --sco-gray-op #9999992b
+  --sco-vip #e5a80d
+  --sco-main var(--sco-theme)
+  --sco-main-op var(--sco-theme-op)
+  --sco-main-op-deep var(--sco-theme-op-deep)
+  --sco-main-op-light var(--sco-theme-op-light)
+  --sco-main-none var(--sco-theme-none)
+  --sco-shadow-theme 0 8px 12px -3px var(--sco-theme-op)
+  --sco-shadow-blackdeep 0 2px 16px -3px rgba(0, 0, 0, .15)
+  --sco-shadow-main 0 8px 12px -3px var(--sco-main-op)
+  --sco-shadow-blue 0 8px 12px -3px rgba(40, 109, 234, .20)
+  --sco-shadow-white 0 8px 12px -3px rgba(255, 255, 255, .20)
+  --sco-shadow-black 0 0 12px 4px rgba(0, 0, 0, .05)
+  --sco-shadow-yellow 0px 38px 77px -26px rgba(255, 201, 62, .12)
+  --sco-shadow-red 0 8px 12px -3px #ee7d7936
+  --sco-shadow-green 0 8px 12px -3px #87ee7936
+  --sco-logo-color linear-gradient(215deg, #4584ff 0%, #cf0db9 100%)
+  --sco-snackbar-time 5s
+  --global-font-size 14px
+  --global-bg #fff
+  --hr-border #97bcfb
+  --hr-before-color #6ea2f9
+  --search-bg #f6f8fa
+  --search-input-color #4c4948
+  --search-result-title #4c4948
+  --preloader-bg #37474f
+  --preloader-color #fff
+  --tab-border-color #f0f0f0
+  --tab-botton-bg #f0f0f0
+  --tab-botton-color #1f2d3d
+  --tab-button-hover-bg #dcdcdc
+  --tab-button-active-bg #fff
+  --sidebar-bg #f6f8fa
+  --btn-hover-color #ff7242
+  --btn-color #fff
+  --btn-bg #307af6
+  --text-bg-hover #307af6
+  --light-grey #eee
+  --text-highlight-color #1f2d3d
+  --blockquote-color #6a737d
+  --blockquote-bg rgba(73, 177, 245, 0.1)
+  --reward-pop #f5f5f5
+  --toc-link-color #666261
+  --card-box-shadow 0 3px 8px 6px rgba(7, 17, 27, 0.06)
+  --card-hover-box-shadow 0 3px 8px 6px rgba(7, 17, 27, 0.15)
+  --offset 0px
+
+  // highlight
+  --hl-color #eff
+  --hl-bg #212121
+  --hltools-bg #1c1c1c
+  --hltools-color rgba(238, 255, 255, 0.8)
+  --hlnumber-bg #212121
+  --hlnumber-color rgba(238, 255, 255, 0.5)
+  --hlscrollbar-bg #121212
+  --hlexpand-bg linear-gradient(180deg, rgba(33, 33, 33, 0.6), rgba(33, 33, 33, 0.9))
+
+  // ai摘要
+  --ai-post-bg rgba(255, 255, 255, 0.32)
+  --ai-border 1px solid #e3e8f7bd
+  --ai-tag-bg rgba(48, 52, 63, 0.86)
+  --ai-cursor #333
+
+  // 个性定位
+  --icat-card-welcome #49b1f5
+
+  +maxWidth768()
+    --style-border 0px solid var(--sco-none) !important
+    --style-border-hover 0px solid var(--sco-main) !important
+
+[data-theme=light]
+  --sco-theme #bdbdf0
+  --sco-theme-op #4259ef23
+  --sco-theme-op-deep #eccec5
+  --sco-theme-op-light #4259ef0d
+  --sco-theme-none #4259ef01
+  --sco-blue #425aef
+  --sco-red #f04a63
+  --sco-pink #ff7c7c
+  --sco-green #57bd6a
+  --sco-yellow #c28b00
+  --sco-yellow-op #d99c001a
+  --sco-orange #e38100
+  --sco-purple #7a60d2
+  --sco-fontcolor #363636
+  --sco-background #f7f9fe
+  --sco-reverse #000
+  --sco-maskbg rgba(255, 255, 255, 0.6)
+  --sco-maskbgdeep rgba(255, 255, 255, 0.85)
+  --sco-hovertext var(--sco-main)
+  --sco-ahoverbg #f7f7fa
+  --sco-lighttext var(--sco-main)
+  --sco-secondtext rgba(60, 60, 67, 0.8)
+  --sco-scrollbar rgba(60, 60, 67, 0.4)
+  --sco-card-btn-bg #edf0f7
+  --sco-post-blockquote-bg #fafcff
+  --sco-post-tabs-bg #f2f5f8
+  --sco-secondbg #f7f7f9
+  --sco-shadow-nav 0 5px 12px -5px rgba(102, 68, 68, 0.05)
+  --sco-card-bg #fff
+  --sco-card-bg-op var(--sco-black-op)
+  --sco-card-bg-none rgba(255, 255, 255, 0)
+  --sco-shadow-lightblack 0 5px 12px -5px rgba(102, 68, 68, 0.00)
+  --sco-shadow-light2black 0 5px 12px -5px rgba(102, 68, 68, 0.00)
+  --sco-card-border #e3e8f7
+  --sco-shadow-border 0 8px 16px -4px #2c2d300c
+  --style-border 1px solid var(--sco-card-border)
+  --style-border-always 1px solid var(--sco-card-border)
+  --style-border-hover 1px solid var(--sco-main)
+  --style-border-hover-always 1px solid var(--sco-main)
+  --style-border-dashed 1px dashed var(--sco-theme-op)
+  --style-border-forever 2px solid var(--sco-main)
+  --sco-navbg var(--sco-theme-op)

package/source/css/_global/var.styl

@@ -0,0 +1 @@
+error_img = hexo-config('errorpage.img')

package/source/css/_layout/articleSort.styl

@@ -0,0 +1,199 @@
+.article-sort-title:before
+  display none
+
+.article-sort-title:after
+  display none
+
+.article-sort-title
+  margin-left 0
+  padding-bottom 0
+  padding-left 0
+  font-weight 700
+  font-size 2em
+
+.article-sort-title sup
+  margin-left 4px
+  font-size 16px
+  font-weight 700
+  opacity .4
+  top -1em
+
+.article-sort-item-title
+  line-height 1.3
+  -webkit-line-clamp 1
+
+@media screen and (max-width: 768px)
+  .article-sort-item-title
+    -webkit-line-clamp 2
+
+.article-sort .article-sort-item .article-sort-item-img
+  border-radius 12px
+  min-width 151px
+  min-height 80px
+  background var(--sco-secondbg)
+  -webkit-mask-image -webkit-radial-gradient(center, #fff, #000)
+
+@media screen and (max-width: 768px)
+  .article-sort .article-sort-item .article-sort-item-img
+    min-width 80px
+
+.article-sort-item:before
+  display none
+
+@media screen and (max-width: 768px)
+  .article-sort-item-info a
+    white-space inherit !important
+
+.article-sort-item.year
+  font-size .8rem
+  color var(--sco-secondtext)
+  margin-bottom .2rem
+
+.article-sort-item-img img:hover
+  transform scale(1)
+
+.article-sort-item-info
+  padding 0 .8rem
+  display flex
+  flex-direction column
+  -webkit-box-flex 1
+  flex 1 1 0
+
+.article-sort-item-time
+  order 1
+  margin-top 4px
+  color var(--sco-secondtext)
+  display none
+
+.article-sort-item-title
+  order 0
+  font-weight 700
+
+.article-sort-item-info a
+  margin-right auto
+  overflow hidden
+  text-overflow ellipsis
+
+.article-sort-item-info-more
+  display flex
+  font-size .7rem
+  margin-right auto
+
+.article-sort-item-tags
+  margin-top 8px
+  white-space nowrap
+  overflow hidden
+  display inline-block
+  text-overflow ellipsis
+  width 100%
+  font-size .7rem
+  max-height 50px
+
+.article-sort-item-tags a
+  color var(--sco-fontcolor)
+  transition .3s
+
+.article-sort-item-tags a:hover
+  color var(--sco-theme)
+  transition .3s
+
+.article-sort-item-tags a .tags-punctuation
+  font-size 12px
+  margin-right 1px
+
+.article-sort
+  margin-left 0
+  padding-left 0
+
+.article-sort-title::before
+  position absolute
+  top calc((100% - 1.8rem) / 2)
+  left -.45rem
+  z-index 1
+  width .5rem
+  height .5rem
+  border .25rem solid #307af6
+  border-radius .5rem
+  background var(--sco-card-bg)
+  content ""
+  line-height .5rem
+  transition all .2s ease-in-out 0s
+
+.article-sort-title::after
+  position absolute
+  bottom 0
+  left 0
+  z-index 0
+  width .1rem
+  height 1.5em
+  background #92b9fa
+  content ""
+
+.article-sort-item
+  position relative
+  display flex
+  -webkit-box-align center
+  align-items center
+  margin 0 0 1rem .5rem
+  transition all .2s ease-in-out 0s
+  overflow hidden
+  border-radius 12px
+
+
+.article-sort-item:hover::before
+  border-color #ff7242
+
+.article-sort-item::before
+  position absolute
+  left calc(-1rem - 17px)
+  width .3rem
+  height .3rem
+  border .15rem solid #307af6
+  border-radius .3rem
+  background var(--sco-card-bg)
+  content ""
+  transition all .2s ease-in-out 0s
+
+.article-sort-item.no-article-cover
+  height 80px
+
+.article-sort-item.no-article-cover .article-sort-item-info
+  padding 0
+
+.article-sort-item.year:hover::before
+  border-color #307af6
+
+.article-sort-item.year::before
+  border-color #ff7242
+
+.article-sort-item-time
+  color #858585
+  font-size 95%
+
+.article-sort-item-time time
+  padding-left .3rem
+  cursor default
+
+.article-sort-item-title
+  color var(--sco-fontcolor)
+  font-size 1.1em
+  transition all .3s ease 0s
+  -webkit-line-clamp 2
+
+.article-sort-item-title:hover
+  color var(sco-main)
+  transform all .3s
+
+.article-sort-item-img
+  overflow hidden
+  width 80px
+  height 80px
+
+.article-sort-item-img img
+  width 100%
+  height 100%
+  transition all .6s ease 0s
+  object-fit cover
+
+.article-sort-item-img img:hover
+  transform scale(1.1)