50 lines
1.2 KiB
Stylus
50 lines
1.2 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('https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.5/arrow/064b95430caf4.svg')
|
|
&.prev
|
|
border-right: 1px dashed var(--block-border)
|
|
background-image: url('https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.5/arrow/f049bbd4e88ec.svg')
|
|
.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
|