mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2025-09-15 12:58:48 +08:00
25b0c733dc
feat: 主頁文章時間和文章頁文章時間可以配置顯示日期還是相對時間 feat: top_img 可配置 [留空（默認色）/顏色/漸變色/圖片鏈接/ false（不顯示top_img）] feat: footer可配置背景 [留空/false(默認色)/顏色/漸變色/圖片鏈接/true(跟top_img一樣)] improvement: preloader 在 pjax 下 每個頁面都會加載 improvement: 修改判斷，避免用户設置2個lightbox 而導致報錯（只能設置一個） improvement: 精確時間顯示 （剛剛/幾分鐘前/幾小時前/幾天前/幾個月前） improvement: 刪除不必要的語言文件和css chore: update hexo-renderer-stylus to 2.0.1
96 lines
1.8 KiB
Stylus
96 lines
1.8 KiB
Stylus
if hexo-config('preloader')
|
|
.loading-bg
|
|
position: fixed
|
|
z-index: 1000
|
|
width: 50%
|
|
height: 100%
|
|
background-color: var(--preloader-bg)
|
|
|
|
#loading-box
|
|
.loading-left-bg
|
|
@extend .loading-bg
|
|
|
|
.loading-right-bg
|
|
@extend .loading-bg
|
|
right: 0
|
|
|
|
.spinner-box
|
|
position: fixed
|
|
z-index: 1001
|
|
display: flex
|
|
justify-content: center
|
|
align-items: center
|
|
width: 100%
|
|
height: 100vh
|
|
|
|
.configure-border-1
|
|
position: absolute
|
|
padding: 3px
|
|
width: 115px
|
|
height: 115px
|
|
background: #ffab91
|
|
animation: configure-clockwise 3s ease-in-out 0s infinite alternate
|
|
|
|
.configure-border-2
|
|
left: -115px
|
|
padding: 3px
|
|
width: 115px
|
|
height: 115px
|
|
background: rgb(63, 249, 220)
|
|
transform: rotate(45deg)
|
|
animation: configure-xclockwise 3s ease-in-out 0s infinite alternate
|
|
|
|
.loading-word
|
|
position: absolute
|
|
color: var(--preloader-color)
|
|
font-size: .8rem
|
|
|
|
.configure-core
|
|
width: 100%
|
|
height: 100%
|
|
background-color: var(--preloader-bg)
|
|
|
|
&.loaded
|
|
.loading-left-bg
|
|
transition: all .5s
|
|
transform: translate(-100%, 0)
|
|
|
|
.loading-right-bg
|
|
transition: all .5s
|
|
transform: translate(100%, 0)
|
|
|
|
.spinner-box
|
|
display: none
|
|
|
|
@keyframes configure-clockwise
|
|
0%
|
|
transform: rotate(0)
|
|
|
|
25%
|
|
transform: rotate(90deg)
|
|
|
|
50%
|
|
transform: rotate(180deg)
|
|
|
|
75%
|
|
transform: rotate(270deg)
|
|
|
|
100%
|
|
transform: rotate(360deg)
|
|
|
|
@keyframes configure-xclockwise
|
|
0%
|
|
transform: rotate(45deg)
|
|
|
|
25%
|
|
transform: rotate(-45deg)
|
|
|
|
50%
|
|
transform: rotate(-135deg)
|
|
|
|
75%
|
|
transform: rotate(-225deg)
|
|
|
|
100%
|
|
transform: rotate(-315deg)
|