hexo-theme-stellar/source/css/_components/partial/paginator.styl

50 lines
1.1 KiB
Stylus

.paginator-wrap
margin: 1rem
display: flex
justify-content: space-between
align-items: center
font-size: 1rem
font-weight: 700
background: var(--card)
border-radius: $border-card
overflow: hidden
box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.03)
color: var(--text-p3)
.page-number
padding: 4px 8px
border-radius: 8px
margin: 2px
a.page-number
color: var(--text-p3)
&:hover
color: var(--text-p1)
background: var(--block)
.extend
text-align: center
background-size: contain
width: 1rem
height: 1rem
background-origin: content-box
background-clip: content-box
&.next
border-left: 1px dashed var(--block-border)
background-image: url(hexo-config('style.paginator.next'))
&.prev
border-right: 1px dashed var(--block-border)
background-image: url(hexo-config('style.paginator.prev'))
.current
font-family: $ff-code
background: var(--block)
.extend
padding: 1rem
line-height: 0
filter: grayscale(100%)
img
height: 1rem
&.disable
pointer-events: none
span.extend
opacity: 0.25
a.extend:hover
filter: unset