mirror of
https://github.com/interstellar750/hexo_s
synced 2024-10-19 00:23:51 +08:00
82 lines
1.4 KiB
Stylus
82 lines
1.4 KiB
Stylus
/** pagination **/
|
|
|
|
.pagination
|
|
display flex
|
|
flex-direction row
|
|
justify-content center
|
|
list-style none
|
|
white-space nowrap
|
|
width 100%
|
|
padding-top 2em
|
|
a,span
|
|
-webkit-font-smoothing antialiased
|
|
font-size 12px
|
|
color #bfbfbf
|
|
letter-spacing 0.1em
|
|
font-weight 700
|
|
padding 5px 5px
|
|
text-decoration none
|
|
transition 0.3s
|
|
|
|
.page-number
|
|
padding-bottom 3px
|
|
margin 0 20px
|
|
box-sizing border-box
|
|
position relative
|
|
display inline
|
|
&.disabled
|
|
display none
|
|
|
|
&:hover a
|
|
color $light-pagination-link-active-color
|
|
|
|
|
|
.dark-theme &:hover a
|
|
color $dark-pagination-link-active-color
|
|
|
|
|
|
&:before,
|
|
&:after
|
|
position absolute
|
|
content ""
|
|
width 0
|
|
height 1px
|
|
background $light-pagination-link-active-color
|
|
transition 0.3s
|
|
bottom 0px
|
|
|
|
.dark-theme &:before,
|
|
.dark-theme &:after
|
|
background $dark-pagination-link-active-color
|
|
|
|
|
|
&:before .current,
|
|
&:after .current
|
|
width 100%
|
|
|
|
&:before
|
|
left 50%
|
|
|
|
&:after
|
|
right 50%
|
|
|
|
&:hover
|
|
&:before,
|
|
&:after
|
|
width 50%
|
|
|
|
|
|
&.current
|
|
color $light-pagination-link-active-color
|
|
|
|
|
|
.dark-theme &
|
|
color $dark-pagination-link-active-color
|
|
|
|
&:before,
|
|
&:after
|
|
width 60%
|
|
|
|
|
|
|