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

50 lines
1.2 KiB
Stylus
Raw Normal View History

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)
2023-12-06 13:22:29 +08:00
color: var(--text-p3)
2022-12-10 15:49:59 +08:00
.page-number
2022-11-23 23:53:42 +08:00
padding: 4px 8px
border-radius: 8px
2022-12-10 15:49:59 +08:00
margin: 2px
2023-12-06 13:22:29 +08:00
a.page-number
color: var(--text-p3)
&:hover
color: var(--text-p1)
background: var(--block)
2022-11-23 23:53:42 +08:00
.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)
2024-01-14 14:10:36 +08:00
background-image: url('https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/arrow/064b95430caf4.svg')
2022-10-08 16:48:13 +08:00
&.prev
border-right: 1px dashed var(--block-border)
2024-01-14 14:10:36 +08:00
background-image: url('https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/arrow/f049bbd4e88ec.svg')
2021-02-26 20:02:32 +08:00
.current
font-family: $ff-code
2023-12-06 13:22:29 +08:00
background: var(--block)
2022-11-23 23:53:42 +08:00
.extend
2021-02-26 20:02:32 +08:00
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