hexo-theme-stellar/source/css/_components/pages/archives.styl

106 lines
2.1 KiB
Stylus
Raw Normal View History

2021-11-06 16:00:03 +08:00
.post-list #archive
2022-01-05 00:00:25 +08:00
padding: 1rem
2021-11-06 16:00:03 +08:00
.archive-header
display: inline-block
2021-07-13 23:16:20 +08:00
font-family: $ff-code
font-weight: 700
line-height: 1.2
2021-11-06 16:00:03 +08:00
margin-bottom: .5em
position: relative
padding: 4px 0
2024-01-11 22:03:17 +08:00
color: var(--text-p1)
2021-11-06 16:00:03 +08:00
&:after
content: ""
position: absolute
height: 4px
bottom: 0
left: 0
right: 0
z-index: -1
border-radius: 4px
2024-01-11 22:03:17 +08:00
background: $color-theme
2021-02-19 23:33:19 +08:00
a.post
display: inline-flex
align-items: baseline
margin: 0.25rem 0
2021-07-13 23:16:20 +08:00
color: var(--text-p1)
2024-01-04 22:50:57 +08:00
trans2 color border
border-bottom: 1px dashed var(--text-meta)
2021-02-19 23:33:19 +08:00
time
font-family: $ff-code
margin-right: 1em
2021-03-05 21:37:28 +08:00
font-weight: 700
flex-shrink: 0
2024-01-04 22:50:57 +08:00
color: var(--text-p4)
&:hover
border-bottom: 1px solid $color-theme
2024-01-31 22:45:07 +08:00
color: var(--text)
2024-01-04 22:50:57 +08:00
time
color: $color-theme
2021-11-06 16:00:03 +08:00
2021-03-05 21:37:28 +08:00
2021-11-06 16:00:03 +08:00
.post-list #cats
padding: 0
2021-03-05 21:37:28 +08:00
a.cat
display: flex
&.child
padding-left: 2rem
2021-11-06 16:00:03 +08:00
padding: .5em 1rem
2022-12-15 22:42:48 +08:00
border-radius: $border-bar
2021-07-09 23:02:13 +08:00
color: var(--text-p2)
align-items: center
2021-07-13 23:16:20 +08:00
justify-content: space-between
2021-11-06 16:00:03 +08:00
font-weight: 500
2024-02-02 14:53:35 +08:00
font-size: $fsp2
2024-02-01 21:27:34 +08:00
span
display: flex
align-items: center
svg
height: 1em
width: auto
transform: scale(1.2)
margin-right: 8px
2021-07-13 23:16:20 +08:00
.badge
font-weight: 700
font-family: $ff-code
opacity: .5
2021-11-06 16:00:03 +08:00
font-size: $fs-12
2021-03-05 21:37:28 +08:00
&:hover
2021-11-06 16:00:03 +08:00
background: var(--block-hover)
2024-01-31 22:45:07 +08:00
color: var(--text)
2021-07-13 23:16:20 +08:00
.badge
opacity: 1
2021-11-06 16:00:03 +08:00
color: $color-theme
2021-03-05 21:37:28 +08:00
2021-11-06 16:00:03 +08:00
.post-list #tags
2021-07-13 23:16:20 +08:00
display: flex
flex-wrap: wrap
2021-11-06 16:00:03 +08:00
padding: 0
margin: 0 -4px
2021-03-05 21:37:28 +08:00
a.tag
display: inline-flex
align-items: center
position: relative
2021-07-09 23:02:13 +08:00
color: var(--text-p2)
2021-07-31 17:29:50 +08:00
margin: 4px
2021-11-06 16:00:03 +08:00
padding: .5em .75rem
2021-07-31 17:29:50 +08:00
border-radius: 4px
background: var(--block)
2021-11-06 16:00:03 +08:00
font-size: $fs-13
font-weight: 500
&:before
content: "#"
margin-left: -2px
margin-right: 2px
opacity: .4
2021-07-13 23:16:20 +08:00
&:hover
2021-11-06 16:00:03 +08:00
&:before
color $color-theme
opacity: 1
2024-01-31 22:45:07 +08:00
color: var(--text)
2021-07-31 17:29:50 +08:00
background: var(--block-hover)
2024-02-06 14:07:46 +08:00
2024-02-07 16:21:19 +08:00
@media screen and (min-width: $device-mobile)
.post-list.author #archive
padding: 1rem 0