hexo-theme-solitude 1.2.6 → 1.3.1

package/source/css/_page/link.styl

@@ -1,433 +0,0 @@
-// link and tlink
-.flink#article-container
-  .flink-desc
-    margin .2rem 0 .5rem
-
-  .flink-list
-    overflow auto
-    padding 10px 10px 0
-    text-align center
-
-    > .flink-list-item
-      position relative
-      float left
-      overflow hidden
-      margin 15px 7px
-      width calc(25% - 12px)
-      height 90px
-      border-radius 5px
-      line-height 17px
-      transform translateZ(0)
-      transition all .3s ease 0s
-
-      &:hover
-        background #006cf2
-        transform scale(1.05)
-
-      a
-        color var(--sco-fontcolor)
-        text-decoration none
-
-        img
-          float left
-          margin 15px 10px
-          width 60px
-          height 60px
-          border-radius 35px
-          transition all .3s ease 0s
-
-        .img-alt
-          display none
-
-        .flink-item-name
-          display block
-          padding 0 10px 0 0
-          font-weight 700
-          font-size 1.43em
-          max-width calc(100% - 12px)
-          overflow hidden
-          text-overflow ellipsis
-          white-space nowrap
-
-        .flink-item-desc
-          display block
-          padding 4px 10px 0 0
-          height 50px
-          font-size .93em
-
-    &.mini
-      > .flink-list-item
-        height 60px
-
-        a
-          img
-            width 30px
-            height 30px
-            min-width 30px
-            min-height 30px
-
-@media screen and (max-width: 1200px)
-  .flink#article-container .flink-list > .flink-list-item
-    width calc(25% - 12px) !important
-
-+maxWidth1024()
-  .flink#article-container .flink-list > .flink-list-item
-    width calc(33.3333% - 12px) !important
-
-+maxWidth768()
-  .flink#article-container .flink-list > .flink-list-item
-    width calc(50% - 12px) !important
-
-+maxWidth600()
-  .flink#article-container .flink-list > .flink-list-item
-    width calc(100% - 12px) !important
-
-
-.flink#article-container
-  .flink-list.mini
-    > .flink-list-item a .flink-item-desc
-      display none
-
-  .site-card-group
-    display flex
-    flex-wrap wrap
-    justify-content flex-start
-    margin -8px
-    align-items stretch
-
-  .site-card
-    margin 8px
-    width calc(20% - 16px)
-    display block
-    line-height 1.4
-    height 100%
-
-    .img
-      width 100%
-      height 120px
-      overflow hidden
-      border-radius 12px 12px 0 0
-      background #f6f6f6
-      transition all .3s ease 0s
-
-      img
-        width 100%
-        height 100%
-        transition transform 2s ease 0s
-        object-fit cover
-
-    .info
-      margin-top 8px
-
-      img
-        width 32px
-        height 32px
-        border-radius 16px
-        float left
-        margin-right 8px
-        margin-top 2px
-
-      span
-        display block
-
-      .title
-        font-weight 600
-        color #444
-        display -webkit-box
-        overflow hidden
-        -webkit-line-clamp 1
-        transition all .3s ease 0s
-
-      .desc
-        overflow-wrap break-word
-        line-height 1.2
-        color #888
-        display -webkit-box
-        -webkit-box-orient vertical
-        overflow hidden
-        -webkit-line-clamp 2
-
-    .img-alt
-      display none
-
-    &:hover .info .title
-      color #ff5722
-
-@media screen and (max-width: 1200px)
-  .flink#article-container .site-card
-    width calc(20% - 16px) !important
-
-+maxWidth1024()
-  .flink#article-container .site-card
-    width calc(25% - 16px) !important
-
-+maxWidth768()
-  .flink#article-container .site-card
-    width calc(33.3333% - 16px) !important
-
-+maxWidth600()
-  .flink#article-container .site-card
-    width calc(50% - 16px) !important
-
-@media screen and (max-width: 500px)
-  .flink#article-container .site-card .img
-    height 100px
-
-.flink#article-container
-  .flink-list
-    padding 0
-    margin .5rem -6px 1rem -6px
-    overflow-x hidden
-
-  .flink-desc
-    margin 0
-    color var(--sco-secondtext)
-
-  .flink-list > .flink-list-item a .flink-item-desc
-    white-space normal
-    padding 5px 10px 16px 0
-    color var(--sco-fontcolor)
-    text-align left
-    height 40px
-    text-overflow ellipsis
-    opacity .7
-    display -webkit-box
-    overflow hidden
-    -webkit-box-orient vertical
-    -webkit-line-clamp 2
-
-  .flink-list > .flink-list-item:hover a .flink-item-desc
-    color var(--sco-white)
-
-  .flink-list > .flink-list-item a .flink-item-name
-    text-align left
-    font-size 19px
-    line-height 20px
-    color var(--sco-fontcolor)
-
-  .flink-list > .flink-list-item:hover a .flink-item-name
-    color var(--sco-white)
-
-  .flink-list > .flink-list-item a
-    display flex
-    border none
-    width 100%
-    height 100%
-    align-items center
-
-  .flink-list > .flink-list-item a:hover
-    background 0 0
-
-  .flink-list > .flink-list-item a img
-    border-radius 32px
-    margin 15px 20px 15px 15px
-    transition .3s
-    background var(--sco-background)
-    min-width 60px
-    min-height 60px
-
-  .flink-list > .flink-list-item:hover a img
-    transition .6s
-    width 0
-    height 0
-    opacity 0
-    margin .5rem
-    min-width 0
-    min-height 0
-
-  .flink-list > .flink-list-item a span
-    transition .3s
-
-  .flink-list > .flink-list-item:hover a .flink-item-desc
-    overflow hidden
-    width 100%
-
-  .flink-list > .flink-list-item
-    margin 6px 6px
-    transition .3s
-    border-radius 12px
-    transition-timing-function ease-in-out
-    position relative
-    width calc(20% - 12px)
-    border var(--style-border)
-    box-shadow var(--sco-shadow-border)
-    background var(--sco-card-bg)
-    display flex
-
-.flink-list-item
-  .flink-item-info
-    display flex
-    flex-direction column
-    justify-content center
-    width calc(100% - 90px)
-    height fit-content
-
-  &:hover .flink-item-info
-    min-width calc(100% - 20px)
-
-
-.flink#article-container
-  .flink-list > .flink-list-item:hover
-    transform scale(1)
-    background var(--sco-theme)
-    border var(--style-border-hover)
-    box-shadow var(--sco-shadow-main)
-
-  .site-card
-    .info .title
-      color var(--sco-fontcolor)
-      text-align left
-
-    &:hover .info .title
-      color var(--sco-white)
-
-    &:hover .info
-      height 120px
-
-    .site-card-text
-      display flex
-      flex-direction column
-      align-items flex-start
-
-    .info .desc
-      font-size .7rem
-      color var(--sco-fontcolor)
-      opacity .7
-      transition .3s
-      text-align left
-
-    &:hover .info .desc
-      color var(--sco-white)
-
-    border var(--style-border)
-    border-radius 12px
-    transition .3s
-    transition-timing-function ease-in-out
-    overflow hidden
-    height 200px
-    position relative
-    width calc(100% / 7 - 16px)
-    background var(--sco-card-bg)
-    box-shadow var(--sco-shadow-border)
-
-    &:hover .site-card-tag
-      left -50px
-
-    .info
-      display flex
-      border none
-      padding .5rem
-      width 100%
-      height 90px
-      margin 0
-      border-radius 0 0 12px 12px
-
-    .img img
-      border-radius 0
-      transform scale(1.03)
-      transition .3s
-      margin 0
-      max-width 100%
-
-.site-card-tag
-  position absolute
-  top 0
-  left 0
-  padding 4px 8px
-  background-color var(--sco-blue)
-  box-shadow var(--sco-shadow-blue)
-  color var(--sco-white)
-  z-index 1
-  border-radius 12px 0 12px 0
-  transition .3s
-  font-size .6rem
-
-  &.vip
-    background -moz-linear-gradient(38deg, #e5b085 0, #d48f16 100%)
-    background -webkit-linear-gradient(38deg, #e5b085 0, #d48f16 100%)
-    background linear-gradient(38deg, #e5b085 0, #d48f16 100%)
-    overflow hidden
-    box-shadow var(--sco-shadow-yellow)
-
-  &.power
-    background-color var(--sco-purple)
-
-  &.speed
-    background var(--sco-green)
-    box-shadow var(--sco-shadow-green)
-
-.light
-  cursor pointer
-  position absolute
-  top 0
-  width 100px
-  height 50px
-  background-image -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0))
-  background-image -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0))
-  -webkit-animation light_tag 4s both infinite
-  -moz-animation light_tag 4s both infinite
-  -ms-animation light_tag 4s both infinite
-  animation light_tag 4s both infinite
-
-.flink-list-item:hover .site-card-tag
-  left -70px
-
-+minWidth768()
-  .flink#article-container
-    .site-card:hover
-      .info .desc
-        -webkit-line-clamp 4
-        transition .3s
-        color var(--sco-white)
-        width 100%
-
-      .info
-        background var(--sco-theme)
-
-
-+minWidth768()
-  .flink#article-container
-    .site-card:hover
-      .img img
-        transform scale(1.1)
-        filter brightness(.3)
-
-      .img
-        height 80px
-
-.flink#article-container
-  .site-card
-    .img
-      -webkit-mask-image -webkit-radial-gradient(center, #fff, #000)
-      border-radius 0
-      height 120px
-      width 100%
-      display flex
-      border none
-      padding 0 !important
-
-    .info img
-      border-radius 32px
-      transition .3s !important
-      margin 2px 8px 0 0
-      width 20px
-      height 20px
-      min-width 20px
-      min-height 20px
-      background var(--sco-secondbg)
-
-    &:hover
-      .info img
-        width 0
-        height 0
-        opacity 0
-        min-width 0
-        min-height 0
-
-      border var(--style-border-hover)
-      box-shadow var(--sco-shadow-main)
-
-  .site-card-group
-    padding 20px 0
-#friendlink_checkboxs input
-  margin-right 4px

package/source/css/_post/commentBarrage.styl

@@ -1,149 +0,0 @@
-.comment-barrage
-  position fixed
-  bottom 0
-  right 20px
-  padding 0 0 20px 10px
-  display flex
-  flex-direction column
-  justify-content flex-end
-  align-items flex-end
-  z-index 999
-  transition all 0.3s ease 0s
-  user-select none
-
-  +maxWidth768()
-    display none !important
-
-.comment-barrage-item
-  min-width 300px
-  max-width 300px
-  width fit-content
-  min-height 80px
-  max-height 150px
-  margin 4px
-  padding 8px 14px
-  background var(--sco-maskbgdeep)
-  border-radius 8px
-  color var(--sco-fontcolor)
-  animation 0.6s cubic-bezier(0.42, 0, 0.3, 1.11) 0s 1 normal none running barrageIn
-  transition all 0.3s ease 0s
-  display flex
-  flex-direction column
-  border var(--style-border)
-  backdrop-filter saturate(180%) blur(20px)
-  position fixed
-  box-shadow var(--sco-shadow-border)
-  overflow hidden
-
-  &:hover
-    border var(--style-border-hover)
-    box-shadow var(--sco-shadow-main)
-
-  &.out
-    opacity 0
-    animation 0.6s cubic-bezier(0.42, 0, 0.3, 1.11) 0s 1 normal none running barrageOut
-
-  &.hovered
-    opacity 0
-
-  .comment-barrage-close
-    color var(--sco-secondtext)
-    cursor pointer
-    line-height 1
-    margin 4px
-
-    &:hover
-      color var(--sco-main)
-
-    .scoicon
-      color var(--sco-fontcolor)
-      font-size 18px !important
-
-  pre
-    display none
-
-  li
-    display none
-
-  p
-    img:not(.tk-owo-emotion)
-      display none
-
-    img.tk-owo-emotion
-      width 16px
-      padding 0
-      margin 0
-      transform translateY(2px)
-
-  blockquote
-    display none
-
-  br
-    display none
-
-  .barrageHead
-    height 30px
-    padding 0 0 6px
-    line-height 30px
-    font-size 12px
-    border-bottom var(--style-border)
-    display flex
-    justify-content space-between
-    align-items center
-    font-weight 700
-
-    .barrageTitle
-      color var(--sco-card-bg)
-      margin-right 8px
-      background var(--sco-fontcolor)
-      line-height 1
-      padding 4px
-      border-radius 4px
-      white-space nowrap
-
-      &:hover
-        background var(--sco-main)
-        color var(--sco-white)
-
-  .barrageAvatar
-    width 16px
-    height 16px
-    margin 0 8px 0 auto
-    border-radius 50%
-    background var(--sco-secondbg)
-
-  .barrageContent
-    height calc(100% - 30px)
-    overflow hidden
-    width fit-content
-    max-height 48px
-    font-size 14px !important
-    font-weight 400 !important
-
-    a
-      pointer-events none
-      font-size 14px !important
-
-    &::-webkit-scrollbar
-      height 0
-      width 4px
-
-    &::-webkit-scrollbar-button
-      display none
-
-  p
-    margin 8px 0
-    line-height 1.3
-    overflow hidden
-    text-overflow ellipsis
-    -webkit-line-clamp 2
-    display -webkit-box
-    -webkit-box-orient vertical
-    font-size 14px
-    max-width 270px
-
-  .barrageContent
-    h1, h2, h3, h4
-      font-size 14px !important
-      font-weight 400 !important
-      margin 8px 0 !important