hexo-theme-solitude 1.2.6 → 1.3.1

package/source/css/_widgets/_mixins/footer.styl

@@ -0,0 +1,273 @@
+#footer
+  position relative
+  background linear-gradient(180deg, var(--sco-card-bg-none) 0, var(--sco-card-bg) 25%)
+  display flex
+  flex-direction column
+  margin-top .5rem
+
+  +maxWidth768()
+    background linear-gradient(180deg, var(--sco-background) 0, var(--sco-card-bg) 25%)
+    margin-top 0
+
+  &:before
+    position absolute
+    width 100%
+    height 100%
+    content ''
+    z-index -1
+
+  div#sco-footer-bar
+    display none
+
+    a.footer-bar-link
+      padding 4px 16px
+      background var(--sco-secondbg)
+      border-radius 20px
+      margin-top 8px
+      font-size 14px
+      cursor pointer
+      border var(--style-border-always)
+
+      &:hover
+        background var(--sco-main)
+        color var(--sco-white)
+        transform scale(1.1)
+        border-color var(--sco-main)
+
+    .footer-logo
+      font-size 24px
+
+    .footer-bar-description
+      color var(--sco-secondtext)
+      font-weight 700
+
+  .post & div#sco-footer-bar
+    display flex
+    flex-direction column
+    align-items center
+    margin-top 16px
+
+  #footer_deal
+    justify-content center
+    display flex
+    padding-top 2rem
+    align-items center
+
+    +maxWidth768()
+      flex-wrap wrap
+      flex-direction row
+
+    i
+      font-size .9rem
+      line-height .9rem
+      height .9rem
+
+    .deal_link
+      display flex
+      margin 1rem 27px
+      color var(--sco-card-bg)
+      border-radius 3rem
+      width 32px
+      height 32px
+      background var(--sco-fontcolor)
+      justify-content center
+      align-items center
+      transition .3s
+
+      &:hover
+        color var(--sco-white)
+        background var(--sco-main)
+        transform scale(1.1)
+
+    .footer_mini_logo
+      width 50px
+      height 50px
+      margin 0 1rem
+      cursor pointer
+      transition cubic-bezier(0, 0, 0, 1.29) .5s
+      -webkit-user-select none
+      border-radius 50px
+      overflow hidden
+      +maxWidth768()
+        display none
+
+      &:hover
+        transform scale(1.2)
+
+  #sco-footer
+    display flex
+    flex-direction row
+    width 100%
+    max-width 1200px
+    justify-content space-between
+    flex-wrap wrap
+    margin 1rem auto 3rem
+    padding 0 1rem
+
+    .footer-links
+      display flex
+      flex-direction column
+
+    .footer-item
+      font-size .8rem
+      line-height .8rem
+      color var(--sco-fontcolor)
+      margin-right auto
+      overflow hidden
+      white-space nowrap
+      text-overflow ellipsis
+      max-width 120px
+      cursor pointer
+      padding 8px
+      border-radius 12px
+
+      &:hover
+        color var(--sco-theme)
+        background var(--sco-main-op-light)
+
+        [data-theme=dark] &
+          background var(--sco-theme-op)
+
+    .footer-group
+      min-width 120px
+
+    .footer-title-group
+      display flex
+      align-items center
+      margin 1rem 0 .7rem 8px
+
+      a
+        margin-left 8px
+
+        &:hover i
+          color var(--sco-main)
+          opacity 1
+
+      i
+        line-height 1
+        color var(--sco-secondtext)
+        transition .3s
+        font-size 16px
+        opacity .6
+
+      .footer-title
+        margin 0
+
+    .footer-title
+      color var(--sco-secondtext)
+      font-size .8rem
+      margin-left 8px
+
+    .random-friends-btn
+      display flex
+
+  /#footer-bar
+    padding 1rem
+    color var(--sco-fontcolor)
+    margin-top 1rem
+    background var(--sco-secondbg)
+    display flex
+    overflow hidden
+    z-index 1
+    transition .3s
+    border-top var(--style-border-always)
+
+    .footer-bar-links
+      display flex
+      justify-content space-between
+      max-width 1400px
+      width 100%
+      margin 0 auto
+      flex-wrap wrap
+      align-items center
+      line-height 1
+
+    .footer-bar-left
+      display flex
+      flex-wrap wrap
+      min-height 32px
+      align-items center
+
+      .copyright
+        display flex
+        flex-direction row
+        align-items center
+        padding 0 8px
+        margin 0 4px
+
+    .footer-bar-link
+      margin 0 4px
+      color var(--sco-fontcolor)
+      font-size .8rem
+      padding 8px
+      border-radius 12px
+      font-weight 700
+      white-space nowrap
+
+      &.cc
+        margin-right 0
+
+        i
+          font-size 18px
+
+          &:not(:last-child)
+            margin-right .5rem
+
+      &:hover
+        color var(--sco-theme)
+        background var(--sco-main-op)
+
+    .footer-bar-right
+      display flex
+      flex-direction row
+      flex-wrap wrap
+      align-items center
+
+    > div > div.footer-bar-left > span
+      margin-right 1rem
+
+  #cookies-window
+    min-width 300px
+    background var(--sco-maskbgdeep)
+    color var(--sco-fontcolor)
+    padding 8px 16px
+    display flex
+    flex-direction column
+    bottom 20px
+    right 20px
+    position fixed
+    border-radius 12px
+    transition .3s
+    z-index 1002
+    user-select none
+    backdrop-filter saturate(180%) blur(20px)
+    transform translateZ(0)
+    border var(--style-border)
+    animation barrageIn .6s cubic-bezier(.42, 0, .3, 1.11)
+
+    +maxWidth1300()
+      display none
+
+    &.cw-hide
+      opacity 0
+      animation barrageOut .6s cubic-bezier(.42, 0, .3, 1.11)
+      z-index -1
+
+    .cookies-window-title
+      padding-bottom 4px
+      border-bottom var(--style-border)
+      font-size 12px
+      font-weight 700
+
+    .cookies-window-content
+      font-size 14px
+      display flex
+      justify-content space-around
+      align-items center
+
+      .cookies-link
+        margin-left: 10px
+        font-size: 16px
+
+        i.scoicon
+          font-size 16px

package/source/css/_widgets/_mixins/other.styl

@@ -0,0 +1,34 @@
+span.tags-punctuation
+  margin-right 2px
+  font-size .7rem
+  font-weight 700
+  display flex
+  transition .3s
+  align-items center
+
+  &:hover
+    color var(--sco-main)
+
+.bber-reply
+  cursor pointer
+  margin 0 4px
+
+  &:hover
+    color var(--sco-main)
+
+.post-tips
+  color var(--sco-gray)
+  font-size 14px;
+  position absolute
+  bottom 2rem
+  left 2rem
+
+  +maxWidth768()
+    left 1rem
+
+  a
+    color var(--sco-gray)
+    border none
+
+    &:hover
+      color var(--sco-main)

package/source/css/_widgets/_mixins/sidebar.styl

@@ -0,0 +1,230 @@
+#sidebar
+  background var(--sco-maskbg)
+
+  #menu-mask
+    position fixed
+    z-index 1001
+    display none
+    width 100%
+    height 100%
+    background var(--sco-maskbg)
+    -webkit-backdrop-filter saturate(180%) blur(20px)
+    backdrop-filter saturate(180%) blur(20px)
+    transform translateZ(0)
+    animation .6s ease 0s 1 normal none running to_show
+
+  #sidebar-menus
+    position fixed
+    top 0
+    right -300px
+    overflow hidden auto
+    width 300px
+    height 100%
+    background var(--sco-maskbgdeep)
+    transition all .5s ease 0s
+    padding-top 30px
+    z-index 1001
+    border-left var(--style-border-always)
+
+    +minWidth768()
+      display none
+
+    +maxWidth768()
+      .back-menu-list-groups .back-menu-list .back-menu-item
+        width calc(50% - 16px)
+
+        &:hover
+          background var(--sco-lighttext)
+
+      .menus_items
+        li
+          .site-page
+            font-weight 400
+
+          .site-page:hover
+            background var(--sco-main)!important
+            color var(--sco-white)
+
+          .site-page span:hover
+            color var(--sco-white)
+
+    .menus_items
+      padding 0 16px
+
+      .site-page
+        position relative
+        display block
+        padding 0
+        color var(--sco-fontcolor)
+        cursor pointer
+        font-size 14px
+        font-weight 700
+
+      .menus_item > .site-page
+        display flex
+        font-size 12px
+        color var(--sco-secondtext)
+
+      .expand
+        position absolute
+        top .78em
+        right .4rem
+        transition transform .3s ease 0s
+
+        &.hide
+          transform rotate(90deg) !important
+
+      .menus_item_child
+        margin 0 -4px
+        list-style none
+        display flex
+        flex-direction row
+        flex-wrap wrap
+
+        .site-page.child
+          display flex
+          flex-direction column
+          align-items center
+          padding 8px
+          border-radius 8px
+          border var(--style-border-always)
+          background var(--sco-card-bg)
+
+        li
+          width calc(50% - 8px)
+          margin 4px
+
+        .site-page.child span
+          line-height 1
+          margin-top 8px
+
+    > hr
+      display none
+
+    &.open
+      transform translate3d(-100%, 0, 0)
+
+    .back-menu-list-groups
+      padding 0 16px
+
+      .back-menu-list-title
+        font-size 12px
+        color var(--sco-secondtext)
+
+      .back-menu-list
+        width calc(100% + 16px)
+        justify-content flex-start
+        margin 0 -8px
+
+        .back-menu-item
+          background var(--sco-card-bg)
+          border var(--style-border-always)
+          border-radius 8px
+
+    .back-home-button
+      display none
+
+    > .author-avatar
+      padding 1.3rem 1.5rem 0
+      text-align center
+
+      img
+        width 110px
+        height 110px
+        border-radius 70px
+        transition all .5s ease 0s
+
+        &:hover
+          transform rotate(360deg)
+
+    .site-data
+      display table
+      padding .6rem .5rem 0
+      width 100%
+      table-layout fixed
+
+      .data-item
+        display table-cell
+
+        .data-item-link .length-num
+          color var(--text-highlight-color)
+          font-size 1.28em
+
+        .data-item-link .headline
+          color var(--sco-fontcolor)
+
+    hr
+      margin 1rem auto
+
+    .card-tag-cloud
+      padding 0 16px
+      display flex
+      white-space nowrap
+      flex-direction row
+      flex-wrap wrap
+      margin-bottom 60px
+
+      a
+        color var(--sco-fontcolor) !important
+        padding 2px 8px 2px 12px
+        margin 4px
+        border-radius 8px
+        border var(--style-border-always)
+        background var(--sco-card-bg)
+        font-size 14px !important
+
+        sup
+          opacity .6
+          margin-left 4px
+
+    span.sidebar-menu-item-title
+      font-size 12px
+      color var(--sco-secondtext)
+      margin-left 16px
+
+    .sidebar-menu-item
+      display flex
+      flex-direction column
+      padding 0 16px
+      margin-bottom 6px
+
+      a.darkmode_switchbutton
+        padding 4px 8px
+
+        [data-theme="dark"] &
+          background var(--sco-orange)
+          color var(--sco-white)
+
+      a.menu-child
+        width 100%
+        background var(--sco-card-bg)
+        border-radius 8px
+        border var(--style-border-always)
+        display flex
+        align-items center
+        font-size 14px
+
+        i
+          width 24px
+          height 24px
+          display flex
+          align-items center
+          justify-content center
+
+      a.menu-child span
+        margin-left 10px
+
+    .webinfo
+      padding 0 16px
+      display flex
+      white-space nowrap
+      flex-direction column
+
+      .webinfo-item
+        justify-content space-between
+
+    .menus_items .site-page span:hover
+      color var(--sco-fontcolor)
+
+  #toggle-sidebar
+    bottom 80px

package/source/css/_widgets/_post/_highlight/diff.styl

@@ -0,0 +1,75 @@
+figure.highlight
+  table
+    scrollbar-color var(--hlscrollbar-bg) transparent
+  pre .deletion
+    color $highlight-deletion
+
+  pre .addition
+    color $highlight-addition
+
+  pre .meta
+    color $highlight-purple
+
+  pre
+    .comment
+      color $highlight-comment
+
+    .variable,
+    .attribute,
+    .regexp,
+    .ruby .constant,
+    .xml .tag .title,
+    .xml .pi,
+    .xml .doctype,
+    .html .doctype,
+    .css .id,
+    .tag .name,
+    .css .class,
+    .css .pseudo
+      color $highlight-red
+
+    .tag
+      color $highlight-aqua
+
+    .number,
+    .preprocessor,
+    .literal,
+    .params,
+    .constant,
+    .command
+      color $highlight-orange
+
+    .built_in
+      color $highlight-yellow
+
+    .ruby .class .title,
+    .css .rules .attribute,
+    .string,
+    .value,
+    .inheritance,
+    .header,
+    .ruby .symbol,
+    .xml .cdata,
+    .special,
+    .number,
+    .formula
+      color $highlight-green
+
+    .keyword,
+    .title,
+    .css .hexcolor
+      color: $highlight-aqua
+
+    .function,
+    .python .decorator,
+    .python .title,
+    .ruby .function .title,
+    .ruby .title .keyword,
+    .perl .sub,
+    .javascript .title,
+    .coffeescript .title
+      color $highlight-blue
+
+    .tag .attr,
+    .javascript .function
+      color $highlight-purple