hexo-butterfly-footer-beautify/lib/runtime.styl

A footer beauitfy plugin for theme-butterfly

/*电子钟字体*/
@font-face
  font-family 'UnidreamLED'
  src url('https://unpkg.zhimg.com/akilar-candyassets/fonts/UnidreamLED.ttf')
  font-display swap
//页脚计时器
div#runtime
  width 180px
  margin auto
  color white
  padding-inline 5px
  border-radius 10px
  background-color rgba(0,0,0,0.7)
  font-family 'UnidreamLED'

// 夜间全局透明度
[data-theme="dark"]
  div#runtime
    color rgb(40, 180, 200)
    box-shadow 0 0 5px rgba(28, 69, 218, 0.71)
    animation flashlight 1s linear infinite alternate
@keyframes flashlight
  from
    box-shadow 0 0 5px rgb(20, 120, 210)
  to
    box-shadow 0 0 2px rgb(20, 120, 210)

/*悬停显示徽标提示语*/
a.github-badge
  &:hover
    &:before
      position: fixed
      width:fit-content
      margin:auto
      left:0;
      right:0
      top:10%
      border-radius: 10px
      text-align: center
      z-index: 100
      content: attr(data-title)
      font-size: 20px
      color: #fff
      padding: 10px
      background-color: var(--text-bg-hover)
[data-theme=dark]
  a.github-badge
    &:hover
      &:before
        background-color: rgba(#121212,0.8)