hexo-theme-solitude 1.1.3 → 1.2.2

package/source/css/_page/category.styl

@@ -0,0 +1,141 @@
+.category-lists
+  span.tags-punctuation
+    font-size: 18px
+
+  span.tagsPageCount
+    margin-left: 4px
+
+#page
+  .category-lists
+    padding: 1rem 0 1.5rem
+
+    ul
+      display: flex
+      padding: 0
+      flex-wrap: wrap
+      flex-direction: row
+      margin-top: .4rem
+      padding: 0 0 0 1rem
+      list-style: none
+      counter-reset: li 0
+
+      ul
+        padding-left: .2rem
+
+      li
+        margin: 0 8px 8px 0
+        position: relative
+        margin: .3rem 0
+        padding: .12em .4em .12em 1.4em
+
+        &::before
+          display: none
+          position: absolute
+          left: 0
+          cursor: pointer
+          transition: all .3s ease-out 0s
+          top: .7em
+          width: .43em
+          height: .43em
+          border: .215em solid #307af6
+          border-radius: .43em
+          background: 0 0
+          content: ""
+
+        &:hover::before
+          border-color: #ff7242
+
+        padding: 4px 16px
+        width: 200px
+        border-radius: 12px
+        background: var(--sco-card-bg)
+        border: var(--style-border-always)
+
+    .category-title
+      font-size: 2.57em
+
+    .category-list
+      a
+        color: var(--sco-fontcolor)
+
+        &:hover
+          color: #307af6
+
+      .category-list-count
+        margin-left: .4rem
+        color: #858585
+
+        &::before
+          content: "("
+
+        &::after
+          content: ")"
+
+  .tag-cloud-list
+    a
+      display: flex
+      width: fit-content
+      color: var(--sco-fontcolor) !important
+      font-size: 1.4em !important
+      padding: .2em .5em
+      background: var(--sco-card-bg)
+      margin: .5em .5em
+      border-radius: 12px
+      -webkit-backface-visibility: hidden
+      -webkit-transform-style: preserve-3d
+      border: var(--style-border-always)
+      box-shadow: var(--sco-shadow-border)
+      align-items: center
+
+      &:hover
+        transform scale(1.1)
+        background var(--sco-main) !important
+        box-shadow var(--sco-shadow-blue)
+        color var(--sco-white) !important
+        border var(--style-border-hover)
+
+      span.tagsPageCount
+        color: var(--sco-lighttext)
+
+      +maxWidth768()
+        zoom .85
+
+.tags-name
+  margin-left: 2px
+
+@media screen and (max-width: 768px)
+  #page
+    .category-lists
+      padding: 0
+
+      .category-title
+        font-size: 2em
+
+span.tagsPageCount
+  background: var(--sco-secondbg)
+  padding: 4px 4px
+  border-radius: 4px
+  color: var(--sco-secondtext)
+  line-height: 1
+  text-align: center
+  min-width: 22.5px
+  display: inline-block
+  font-size: .6rem
+  margin-left: 4px
+
+#category #category-bar
+  padding 0
+  border none
+  box-shadow none
+
+  +maxWidth768()
+    border-radius: 0;
+    background: var(--sco-background);
+    margin-bottom: 0;
+    position: -webkit-sticky;
+    position: sticky;
+    z-index: 1;
+    padding: 0;
+    height: 50px;
+    margin-top: 0;
+    align-items: center;

package/source/css/_page/equipment.styl

@@ -0,0 +1,101 @@
+.equipment-item-content
+  display flex
+  flex-direction row
+  flex-wrap wrap
+  margin 0 -8px
+
+.equipment-item-content-item
+  width calc(25% - 12px)
+  border-radius 12px
+  border var(--style-border-always)
+  overflow hidden
+  margin 8px 6px
+  background var(--sco-card-bg)
+  box-shadow var(--sco-shadow-border)
+  min-height 400px
+  position relative
+
+  +maxWidth1200()
+    width calc(50% - 12px)
+
+  +maxWidth768()
+    width 100%
+
+.equipment-item-content-item-info
+  padding 8px 16px 16px 16px
+  margin-top 12px
+
+.equipment-item-content-item-name
+  font-size 18px
+  font-weight 700
+  line-height 1
+  margin-bottom 8px
+  white-space nowrap
+  overflow hidden
+  text-overflow ellipsis
+  cursor pointer
+  width fit-content
+
+  &:hover
+    color var(--sco-main)
+
+.equipment-item-content-item-specification
+  font-size 12px
+  color var(--sco-secondtext)
+  line-height 1
+  margin-bottom 12px
+  white-space nowrap
+  overflow hidden
+  text-overflow ellipsis
+
+.equipment-item-content-item-description
+  line-height 20px
+  color var(--sco-secondtext)
+  height 60px
+  display -webkit-box
+  overflow hidden
+  -webkit-line-clamp 3
+  -webkit-box-orient vertical
+  font-size 14px
+
+a.equipment-item-content-item-link
+  font-size 12px
+  background var(--sco-gray-op)
+  padding 4px 8px
+  border-radius 8px
+  cursor pointer
+
+  &:hover
+    background var(--sco-main)
+    color var(--sco-white)
+
+h2.equipment-item-title
+  line-height 1
+
+.equipment-item-description
+  line-height 1
+  margin 4px 0 8px 0
+  color var(--sco-secondtext)
+
+.equipment-item-content-item-cover
+  width 100%
+  height 200px
+  background var(--sco-secondbg)
+  display flex
+  justify-content center
+
+img.equipment-item-content-item-image
+  object-fit cover
+  height 100%
+
+div#equipment
+  margin-top 26px
+
+.equipment-item-content-item-toolbar
+  display flex
+  justify-content space-between
+  position absolute
+  bottom 12px
+  left 0
+  width 100%
+  padding 0 16px

package/source/css/_page/error.styl

@@ -0,0 +1,161 @@
+#error-wrap
+  display: flex
+  justify-content: center
+  margin: 0 1rem
+  width: 100%
+  position: relative
+
+  .error-content
+    display: flex
+    flex-direction: row
+    justify-content: center
+    align-items: center
+    margin: 0 1rem
+    height: 18rem
+    max-width: 800px
+    border-radius: 5px
+    background: var(--sco-card-bg)
+    box-shadow: var(--card-box-shadow)
+    transition: all .3s ease 0s
+    border: var(--style-border-always)
+    position: relative
+    width: 100%
+
+    &:hover
+      box-shadow: var(--card-hover-box-shadow)
+
+    .error-img
+      flex: 1 1 0
+      height: 100%
+      width: 600px
+      border-top-left-radius: 8px
+      border-bottom-left-radius: 8px
+      background-color: #307af6
+      background-position: center center
+      background-size: cover
+
+    .error-info
+      flex: 1 1 0
+      padding: .5rem
+      text-align: center
+      font-size: 14px
+      font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif
+
+      .error_title
+        font-size: 9em
+        line-height: 1
+
+      .error_subtitle
+        word-break: break-word
+        font-size: 1.6em
+        -webkit-line-clamp: 2
+
+      a
+        display: inline-block
+        margin-top: .5rem
+        padding: .3rem 1.5rem
+        background: var(--btn-bg)
+        color: var(--btn-color)
+
+        i
+          padding-right: .3rem
+
+    box-shadow: none !important
+    border-radius: 12px
+    background: var(--sco-card-bg) !important
+
+#body-wrap.error
+  display: flex
+  flex-direction: column
+  justify-content: center
+  align-items: center
+  padding: 50px 1rem 1rem
+  position: relative
+
+  .aside-list
+    display: flex
+    flex-direction: row
+    flex-wrap: nowrap
+    margin: 1rem
+    max-width: 100%
+
+    .aside-list-group
+      display: flex
+      flex-direction: row
+      flex-wrap: wrap
+      max-width: 800px
+      margin: 0 auto
+      justify-content: space-between
+
+    .aside-list-item
+      padding: .5rem 0
+      width: 49%
+
+      img
+        width: 100%
+        object-fit: cover
+        border-radius: 12px
+
+      .thumbnail
+        overflow: hidden
+        width: 100%
+        height: 200px
+        background: var(--sco-card-bg)
+        display: flex
+
+      .content .title
+        -webkit-line-clamp: 2
+        overflow: hidden
+        display: -webkit-box
+        -webkit-box-orient: vertical
+        line-height: 1.5
+        justify-content: center
+        align-items: flex-end
+        align-content: center
+        padding-top: .5rem
+        font-size: 16px
+        font-weight: 700
+
+      .content time
+        display: none
+
+.button--animated
+  border-radius: 8px !important
+  transition: .3s
+
+  &:before
+    display: none
+
+@media screen and (max-width: 768px)
+  #error-wrap .error-content
+    flex-direction: column
+    margin: 0
+    height: 25rem
+    width: 100%
+
+    .error-img
+      flex: 1 1 0
+      width: 100%
+      border-radius: 12px
+
+    .error-info
+      flex: 1.1 1 0
+      width: 100%
+      padding-bottom: 2rem
+
+      .error_title
+        font-size: 4rem
+
+  #body-wrap.error
+    padding-top: 0
+
+    .aside-list
+      margin: 0
+
+    .aside-list .aside-list-item .thumbnail
+      height: 100px
+
+  #error-wrap .error-content .error-info a:hover
+    background-color: var(--sco-blue)
+    transition: .3s
+    box-shadow: var(--sco-shadow-blue)

package/source/css/_page/home.styl

@@ -0,0 +1,58 @@
+// 即刻、categoriesBar 样式
+#bbTimeList,
+#category-bar
+  padding 0.4rem 1rem 0.4rem 1rem
+  background var(--sco-card-bg)
+  border-radius 12px
+  display flex
+  white-space nowrap
+  overflow hidden
+  margin-bottom 1rem
+  border var(--style-border)
+  transition .3s
+  width 100%
+  justify-content space-between
+  -webkit-user-select none
+  align-items center
+
+  +maxWidth1300()
+    margin-bottom 1rem
+    animation slide-in .6s 0s backwards
+
+  +minWidth1300()
+    &:hover
+      border var(--style-border-hover)
+      box-shadow var(--sco-shadow-main)
+
+  +maxWidth768()
+    margin-bottom 0
+    margin-top 0
+    border-radius 0
+    background var(--sco-background)
+    padding 0.5rem 20px
+    border none
+
+#category-bar
+  white-space nowrap
+  overflow hidden
+  justify-content space-between
+
+  +minWidth1300()
+    margin-bottom 0.75rem
+    animation slide-in .6s .3s backwards
+
+    .category-in-bar-tips
+      margin-bottom .25rem
+
+.page-title
+  display none
+
+#page h1.page-title
+  margin .4rem 0 1rem
+
+#page
+  background 0 0
+  border none
+  padding 0
+  box-shadow none
+  min-height calc(100vh - 464px)