hexo-theme-solitude 2.0.4 → 2.0.5

package/source/css/_tags/btns.styl

@@ -1,212 +0,0 @@
-[data-theme="dark"]
-  div
-    &.btns
-      filter brightness(0.7)
-      a
-        background 0 0
-div
-  &.btns
-    margin 0 -8px
-    display flex
-    flex-wrap wrap
-    align-items flex-start
-    overflow visible
-    line-height 1.8
-    b
-      font-size 0.875rem
-    &.wide
-      & > a
-        padding-left 32px
-        padding-right 32px
-    &.fill
-      & > a
-        flex-grow 1
-        width auto
-    &.around
-      justify-content space-around
-    &.center
-      justify-content center
-    &.grid2
-      & > a
-        width calc(100% / 2 - 16px)
-    &.grid3
-      & > a
-        width calc(100% / 3 - 16px)
-    &.grid4
-      & > a
-        width calc(100% / 4 - 16px)
-    &.grid5
-      & > a
-        width calc(100% / 5 - 16px)
-    a
-      transition all 0.28s ease
-      -moz-transition all 0.28s ease
-      -webkit-transition all 0.28s ease
-      -o-transition all 0.28s ease
-      margin 8px
-      margin-top calc(1.25 * 16px + 32px)
-      min-width 120px
-      font-weight bold
-      display flex
-      justify-content flex-start
-      align-content center
-      align-items center
-      flex-direction column
-      padding 8px
-      text-align center
-      background #f6f6f6
-      border-radius 4px
-      border-bottom none!important
-      & > i
-        background #2196f3!important
-        &:first-child
-          color #fff
-          background #2196f3
-      b
-        font-weight bold
-        line-height 1.3
-      img
-        margin 0.4em auto !important
-      &:not([href])
-        cursor default
-        color inherit
-    a[href]:hover
-      background: var(--efu-main)
-      color: var(--efu-white) !important
-      & > i
-        &:first-child
-          background: var(--efu-main)
-
-div.btns,
-div.btns p,
-div.btns a
-  font-size 0.8125rem
-  color #555
-
-@media screen and (max-width: 1200px)
-  div
-    &.btns
-      &.grid2
-        & > a
-          width calc(100% / 2 - 16px)
-
-@media screen and (max-width: 768px)
-  div
-    &.btns
-      &.grid2
-        & > a
-          width calc(100% / 2 - 16px)
-
-@media screen and (max-width: 500px)
-  div
-    &.btns
-      &.grid2
-        & > a
-          width calc(100% / 1 - 16px)
-
-@media screen and (max-width: 1200px)
-  div
-    &.btns
-      &.grid3
-        & > a
-          width calc(100% / 3 - 16px)
-
-@media screen and (max-width: 768px)
-  div
-    &.btns
-      &.grid3
-        & > a
-          width calc(100% / 3 - 16px)
-
-@media screen and (max-width: 500px)
-  div
-    &.btns
-      &.grid3
-        & > a
-          width calc(100% / 1 - 16px)
-
-@media screen and (max-width: 1200px)
-  div
-    &.btns
-      &.grid4
-        & > a
-          width calc(100% / 3 - 16px)
-
-@media screen and (max-width: 768px)
-  div
-    &.btns
-      &.grid4
-        & > a
-          width calc(100% / 3 - 16px)
-
-@media screen and (max-width: 500px)
-  div
-    &.btns
-      &.grid4
-        & > a
-          width calc(100% / 2 - 16px)
-
-@media screen and (max-width: 1200px)
-  div
-    &.btns
-      &.grid5
-        & > a
-          width calc(100% / 4 - 16px)
-
-@media screen and (max-width: 768px)
-  div
-    &.btns
-      &.grid5
-        & > a
-          width calc(100% / 3 - 16px)
-
-@media screen and (max-width: 500px)
-  div
-    &.btns
-      &.grid5
-        & > a
-          width calc(100% / 2 - 16px)
-
-div.btns a > img:first-child,
-div.btns a > i:first-child
-  transition all 0.28s ease
-  -moz-transition all 0.28s ease
-  -webkit-transition all 0.28s ease
-  -o-transition all 0.28s ease
-  height 64px
-  width 64px
-  box-shadow 0 1px 2px 0 rgba(0, 0, 0, 0.1)
-  margin 16px 8px 4px 8px
-  margin-top calc(-1.25 * 16px - 32px)
-  border 2px solid #fff
-  background #fff
-  line-height 60px
-  font-size 28px
-
-div.btns a > img:first-child.auto,
-div.btns a > i:first-child.auto
-  width auto
-
-div.btns a p,
-div.btns a b
-  margin 0.25em
-  font-weight normal
-  line-height 1.25
-  word-wrap break-word
-
-div.btns a[href]:hover,
-div.btns a[href]:hover b
-  color #ff5722
-
-div.btns a[href]:hover > img:first-child,
-div.btns a[href]:hover > i:first-child
-  transform scale(1.1) translateY(-8px)
-  box-shadow 0 4px 8px 0 rgba(0, 0, 0, 0.1)
-
-div.btns.circle a > img:first-child,
-div.btns.circle a > i:first-child
-  border-radius 32px
-
-div.btns.rounded a > img:first-child,
-div.btns.rounded a > i:first-child
-  border-radius 16px

package/source/css/_tags/button.styl

@@ -1,40 +0,0 @@
-#article-container
-  .btn-sco
-    position relative
-    padding 8px 15px
-    text-transform uppercase
-    border var(--style-border)
-    border-radius 10px
-    overflow hidden
-    transition all 0.3s
-    display inline-flex
-    justify-content center
-    align-items center
-
-    &.outline
-      background var(--efu-white)
-      color var(--efu-main)
-      border-color var(--efu-main)
-
-      &:hover
-        background var(--efu-main)
-        color var(--efu-white)
-        border-color var(--efu-main)
-
-    i
-      transition all 0.3s
-      padding-right 8px
-
-    span
-      transition all 0.3s
-
-    &:hover
-      background var(--efu-main)
-
-      span
-        transform all 0.3s ease-in-out
-        color var(--efu-white)
-
-      i
-        transform all 0.3s ease-in-out
-        color var(--efu-white)

package/source/css/_tags/checkbox.styl

@@ -1,204 +0,0 @@
-.checkbox
-  display flex
-  align-items center
-
-  input
-    appearance none
-    position relative
-    height 16px
-    width 16px
-    transition all .15s ease-out 0s
-    cursor pointer
-    display inline-block
-    outline 0
-    border-radius 2px
-    flex-shrink 0
-    margin-right 8px
-    border 2px solid #2196f3
-    pointer-events none
-
-    &[type=checkbox]
-      &:before
-        left 1px
-        top 5px
-        width 0
-        height 2px
-        transition all .2s ease-in
-        transform rotate(45deg)
-
-      &:after
-        right 7px
-        bottom 3px
-        width 2px
-        height 0
-        transition all .2s ease-out
-        transform rotate(40deg)
-        transition-delay .25s
-
-      &:checked
-        background #2196f3
-
-      &:checked:before
-        left 0
-        top 7px
-        width 6px
-        height 2px
-
-      &:checked:after
-        right 3px
-        bottom 1px
-        width 2px
-        height 10px
-
-  &.minus
-    input[type=checkbox]:before
-      transform rotate(0)
-      left 1px
-      top 5px
-      width 0
-      height 2px
-
-    input[type=checkbox]:after
-      transform rotate(0)
-      left 1px
-      top 5px
-      width 0
-      height 2px
-
-    input[type=checkbox]:checked:before
-      left 1px
-      top 5px
-      width 10px
-      height 2px
-
-    input[type=checkbox]:checked:after
-      left 1px
-      top 5px
-      width 10px
-      height 2px
-
-  &.plus
-    input[type=checkbox]:before
-      transform rotate(0)
-      left 1px
-      top 5px
-      width 0
-      height 2px
-
-    input[type=checkbox]:after
-      transform rotate(0)
-      left 5px
-      top 1px
-      width 2px
-      height 0
-
-    input[type=checkbox]:checked:before
-      left 1px
-      top 5px
-      width 10px
-      height 2px
-
-    input[type=checkbox]:checked:after
-      left 5px
-      top 1px
-      width 2px
-      height 10px
-
-  &.times
-    input[type=checkbox]:before
-      transform rotate(45deg)
-      left 3px
-      top 1px
-      width 0
-      height 2px
-
-    input[type=checkbox]:after
-      transform rotate(135deg)
-      right 3px
-      top 1px
-      width 0
-      height 2px
-
-    input[type=checkbox]:checked:before
-      left 1px
-      top 5px
-      width 10px
-      height 2px
-
-    input[type=checkbox]:checked:after
-      right 1px
-      top 5px
-      width 10px
-      height 2px
-
-  input[type=radio]
-    border-radius 50%
-
-    &:before
-      content ""
-      display block
-      width 8px
-      height 8px
-      border-radius 50%
-      margin 2px
-      transform scale(0)
-      transition all .25s ease-out
-
-    &:checked:before
-      transform scale(1)
-      background var(--text-bg-hover)
-
-  &.red input
-    border-color #fe5f58
-
-    &[type=checkbox]:checked
-      background #fe5f58
-
-    &[type=radio]:checked:before
-      background #fe5f58
-
-  &.green input
-    border-color #3dc550
-
-    &[type=checkbox]:checked
-      background #3dc550
-
-    &[type=radio]:checked:before
-      background #3dc550
-
-  &.yellow input
-    border-color #ffbd2b
-
-    &[type=checkbox]:checked
-      background #ffbd2b
-
-    &[type=radio]:checked:before
-      background #ffbd2b
-
-  &.cyan input
-    border-color #1bcdfc
-
-    &[type=checkbox]:checked
-      background #1bcdfc
-
-    &[type=radio]:checked:before
-      background #1bcdfc
-
-  &.blue input
-    border-color #2196f3
-
-    &[type=checkbox]:checked
-      background #2196f3
-
-    &[type=radio]:checked:before
-      background #2196f3
-
-  p
-    display: inline-block
-    margin-top 2px !important
-    margin-bottom 0 !important
-
-  input[type=checkbox]:after, input[type=checkbox]:before
-    position absolute
-    content ""
-    background #fff

package/source/css/_tags/fold.styl

@@ -1,65 +0,0 @@
-details 
-  display: block
-  position: relative
-  margin-bottom: 1rem
-  min-height: 54px
-  overflow: hidden
-  border-radius: 12px
-  border: var(--style-border)
-  transition: border .3s
-details:hover 
-  border: var(--style-border-hover-always)
-details summary 
-  position: absolute
-  padding: .5rem 1rem
-  background: var(--efu-card-bg)
-  margin: 0
-  transition: .3s
-  box-shadow: var(--efu-shadow-border)
-  left: 0
-  width: 100%
-  font-weight: 700
-  white-space: nowrap
-  overflow: hidden
-  text-overflow: ellipsis
-details>:nth-child(2) 
-  margin-top: calc(54px + 1rem)!important
-details[open] summary 
-  background: var(--efu-lighttext)
-  color: var(--efu-card-bg)
-details summary::before 
-  content: ''
-  padding: 4px
-details summary:hover 
-  cursor: pointer
-  background: var(--efu-lighttext)
-  color: var(--efu-card-bg)
-  transition: .3s
-  box-shadow: var(--efu-shadow-main)
-details summary:focus 
-  outline: 0
-details summary::marker 
-  color: var(--efu-lighttext)
-  transition: .3s
-details[open] summary::marker 
-  color: var(--efu-card-bg)
-details summary:hover::marker 
-  color: var(--efu-card-bg)
-details[open] 
-  border-radius: 12px
-  border: var(--style-border-hover-always)
-  padding: 0 1.5rem
-  background: var(--efu-card-bg)
-details summary:hover:after 
-  position: absolute
-  content: '+'
-  text-align: center
-  top: calc(50% - 2px)
-  transform: translateY(-50%)
-  right: 16px
-  line-height: 1
-details[open]>summary:hover:after 
-  content: '-'
-@media screen and (max-width: 768px) 
-  details[open] 
-    padding:0 16px

package/source/css/_tags/image.styl

@@ -1,4 +0,0 @@
-#article-container
-  .inline-img
-    display inline-block
-    margin 0

package/source/css/_tags/index.styl

@@ -1,63 +0,0 @@
-.red
-  color var(--efu-red)
-
-.green
-  color var(--efu-green)
-
-.blue
-  color var(--efu-blue)
-
-.yellow
-  color var(--efu-yellow)
-
-.pink
-  color var(--efu-pink)
-
-.purple
-  color var(--efu-purple)
-
-.orange
-  color var(--efu-orange)
-
-.bg-red
-  background-color var(--efu-red)
-  color var(--efu-white)
-
-.bg-green
-  background-color var(--efu-green)
-  color var(--efu-white)
-
-.bg-blue
-  background-color var(--efu-blue)
-  color var(--efu-white)
-
-.bg-yellow
-  background-color var(--efu-yellow)
-
-.bg-pink
-  background-color var(--efu-pink)
-  color var(--efu-white)
-
-.bg-purple
-  background-color var(--efu-purple)
-  color var(--efu-white)
-
-.bg-orange
-  background-color var(--efu-orange)
-  color var(--efu-white)
-
-.block
-  display block
-
-.center
-  margin 0 auto
-
-.right
-  margin-left auto
-
-.larger
-  font-size 1.5rem
-  margin 5px
-
-  i
-    transform scale(1.5)

package/source/css/_tags/label.styl

@@ -1,4 +0,0 @@
-#article-container
-  .hl-label
-    padding 2px 4px
-    border-radius 3px

package/source/css/_tags/link.styl

@@ -1,59 +0,0 @@
-#article-container
-  a.tag-link
-    background var(--efu-secondbg)
-    border-radius 8px !important
-    display flex
-    border var(--style-border)
-    flex-direction column
-    padding 0.5rem 1rem
-    border-width 1px
-    margin 1rem 0
-
-    &:hover
-      background var(--efu-main)
-      border var(--style-border-hover) !important
-
-      .tag-link-tips
-        color var(--efu-white)
-
-      i
-        opacity 1
-
-    i
-      transition .3s
-      margin-left auto
-      opacity .6
-
-    .tag-link-bottom
-      display flex
-      margin-top 0.5rem
-      align-items center
-      justify-content space-around
-
-      .tag-link-left
-        width 60px
-        min-width 60px
-        height 60px
-        background-size cover
-        border-radius 8px
-        background-color var(--efu-card-bg)
-        display flex
-        align-items center
-        justify-content center
-
-        i
-          padding 0
-          margin auto
-          font-size 24px
-          color var(--efu-fontcolor)
-
-      .tag-link-right
-        margin-left 1rem
-        max-width calc(100% - 76px - 1rem)
-
-  .tag-link-tips
-    border-bottom var(--style-border)
-    padding-bottom 4px
-    font-size 12px
-    color var(--efu-gray)
-    font-weight 400

package/source/css/_tags/media.styl

@@ -1,57 +0,0 @@
-trans($time = 0.28s)
-  transition: all $time ease
-  -moz-transition: all $time ease
-  -webkit-transition: all $time ease
-  -o-transition: all $time ease
-
-audio,video
-  border-radius: 4px
-  max-width: 100%
-video
-  z-index: 1
-  trans()
-  &:hover
-    box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.24), 0 8px 16px 0px rgba(0, 0, 0, 0.24)
-
-div.video
-  line-height: 0
-  text-align: center
-
-div.videos
-  max-width: "calc(100% + 2 * %s)" % 4px
-  display: flex
-  flex-wrap: wrap
-  justify-content: flex-start
-  align-items: flex-end
-  margin: 1em 0 - 4px
-  .video,iframe
-    width: 100%
-    margin: 4px
-
-  iframe
-    border-radius: 4px
-    width: 100%
-    min-height: 300px
-  &.left
-    justify-content: flex-start
-  &.center
-    justify-content: center
-  &.right
-    justify-content: flex-end
-  &.stretch
-    align-items: stretch
-  &[col='1']
-    .video,iframe
-      width: 100%
-  &[col='2']
-    .video,iframe
-      width: "calc(50% - 2 * %s)" % 4px
-  &[col='3']
-    .video,iframe
-      width: "calc(33.33% - 2 * %s)" % 4px
-  &[col='4']
-    .video,iframe
-      width: "calc(25% - 2 * %s)" % 4px
-[data-theme="dark"]
-  audio,video
-    filter brightness(0.7)