mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2026-04-16 19:30:54 +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: 代碼優化
95 lines
1.6 KiB
Stylus
95 lines
1.6 KiB
Stylus
#pagination
|
|
.pagination
|
|
margin-top: 20px
|
|
text-align: center
|
|
|
|
.page-number
|
|
&.current
|
|
background: $theme-paginator-color
|
|
color: var(--white)
|
|
|
|
img.prev-cover,
|
|
img.next-cover
|
|
position: absolute
|
|
width: 100%
|
|
height: 100%
|
|
opacity: .4
|
|
transition: all .6s
|
|
object-fit: cover
|
|
|
|
.pagination-info
|
|
position: absolute
|
|
top: 50%
|
|
padding: 20px 40px
|
|
width: 100%
|
|
transform: translate(0, -50%)
|
|
|
|
.prev_info,
|
|
.next_info
|
|
@extend .limit-one-line
|
|
color: var(--white)
|
|
font-weight: 500
|
|
|
|
.next-post
|
|
.pagination-info
|
|
text-align: right
|
|
|
|
.pull-full
|
|
width: 100% !important
|
|
|
|
.prev-post .label,
|
|
.next-post .label
|
|
color: var(--light-grey)
|
|
text-transform: uppercase
|
|
font-size: 90%
|
|
|
|
.prev-post,
|
|
.next-post
|
|
width: 50%
|
|
|
|
+maxWidth768()
|
|
width: 100%
|
|
|
|
a
|
|
position: relative
|
|
display: block
|
|
overflow: hidden
|
|
height: 150px
|
|
|
|
&:hover
|
|
img.prev-cover,
|
|
img.next-cover
|
|
opacity: .8
|
|
transform: scale(1.1)
|
|
|
|
&.pagination-post
|
|
overflow: hidden
|
|
margin-top: 40px
|
|
background: $dark-black
|
|
|
|
.layout
|
|
& > .recent-posts
|
|
.pagination
|
|
& > *
|
|
@extend .cardHover
|
|
display: inline-block
|
|
margin: 0 6px
|
|
width: w = 2.5em
|
|
height: w
|
|
line-height: w
|
|
|
|
&:hover
|
|
background: var(--btn-hover-color)
|
|
color: var(--btn-color)
|
|
|
|
& > div:not(.recent-posts)
|
|
.pagination
|
|
.page-number
|
|
display: inline-block
|
|
margin: 0 4px
|
|
min-width: w = 24px
|
|
height: w
|
|
text-align: center
|
|
line-height: w
|
|
cursor: pointer
|