mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2025-09-15 12:58:48 +08:00
3708fdf569
feat: 為文章單獨設置 TOC simple_style 顯示 closed #631 feat: page 頁頂部圖增加黑色遮罩 closed #671 feat: 首頁 pagination 更新 UI fix: 修復使用本地搜索時，搜索插件配置為不搜索文章內容會無法使用搜索 的 bug fix: 修復開啟 photofigcaption 後，導致inlineImg標籤外掛顯示錯亂的 bug fix: 修復 字體過大/過小而導致 部分 ui 偏移的 bug improvement: 主題 css 使用的 rem 改為 em 或 px improvement: 修改没有顶部图下，文章页的标题大小 closed #669 improvement: 代碼優化
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: 16px
|
|
|
|
.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)
|