2021-02-27 21:50:18 +08:00
|
|
|
.paginator-wrap
|
|
|
|
|
margin: 1rem
|
2021-02-19 23:33:19 +08:00
|
|
|
display: flex
|
|
|
|
|
justify-content: space-between
|
|
|
|
|
align-items: center
|
2021-02-26 20:02:32 +08:00
|
|
|
font-size: 1rem
|
|
|
|
|
font-weight: 700
|
2021-08-23 23:47:12 +08:00
|
|
|
background: var(--card)
|
2021-02-26 20:02:32 +08:00
|
|
|
border-radius: $border-card
|
|
|
|
|
overflow: hidden
|
2021-08-23 23:47:12 +08:00
|
|
|
box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.03)
|
2022-11-23 23:53:42 +08:00
|
|
|
a.page-number
|
|
|
|
|
padding: 4px 8px
|
|
|
|
|
border-radius: 8px
|
|
|
|
|
background: var(--block)
|
|
|
|
|
.extend
|
2021-02-19 23:33:19 +08:00
|
|
|
text-align: center
|
2022-11-23 23:53:42 +08:00
|
|
|
background-size: contain
|
|
|
|
|
width: 1rem
|
|
|
|
|
height: 1rem
|
|
|
|
|
background-origin: content-box
|
|
|
|
|
background-clip: content-box
|
2022-10-08 16:48:13 +08:00
|
|
|
&.next
|
|
|
|
|
border-left: 1px dashed var(--block-border)
|
2022-11-23 23:53:42 +08:00
|
|
|
background-image: url('https://fastly.jsdelivr.net/gh/cdn-x/placeholder@1.0.1/arrow/064b95430caf4.svg')
|
2022-10-08 16:48:13 +08:00
|
|
|
&.prev
|
|
|
|
|
border-right: 1px dashed var(--block-border)
|
2022-11-23 23:53:42 +08:00
|
|
|
background-image: url('https://fastly.jsdelivr.net/gh/cdn-x/placeholder@1.0.1/arrow/f049bbd4e88ec.svg')
|
2021-02-26 20:02:32 +08:00
|
|
|
.current
|
|
|
|
|
font-family: $ff-code
|
|
|
|
|
color: var(--text-p3)
|
2022-11-23 23:53:42 +08:00
|
|
|
.extend
|
2021-02-26 20:02:32 +08:00
|
|
|
color: var(--text-p3)
|
|
|
|
|
padding: 1rem
|
|
|
|
|
line-height: 0
|
2021-06-26 15:02:32 +08:00
|
|
|
filter: grayscale(100%)
|
2021-02-26 20:02:32 +08:00
|
|
|
img
|
|
|
|
|
height: 1rem
|
2021-02-19 23:33:19 +08:00
|
|
|
&.disable
|
|
|
|
|
pointer-events: none
|
2022-11-23 23:53:42 +08:00
|
|
|
span.extend
|
|
|
|
|
opacity: 0.25
|
|
|
|
|
a.extend:hover
|
2021-06-26 15:02:32 +08:00
|
|
|
filter: unset
|
