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

108 lines
2.2 KiB
Stylus
Raw Normal View History

2021-03-06 20:44:17 +08:00
.related-wrap
2022-12-12 20:39:07 +08:00
padding: 0 1rem
margin: 4rem 0
2021-03-06 20:44:17 +08:00
&:empty
display: none
2021-06-26 12:40:13 +08:00
section.header
display: flex
justify-content: space-between
align-items: center
>span.title
padding: 0.25rem 0
section.footer
margin-top: 1rem
a.more
padding: 0.25rem 0.5rem
2022-12-15 22:42:48 +08:00
border-radius: $border-bar
2021-06-26 12:40:13 +08:00
color: var(--text-p1)
2022-12-12 20:39:07 +08:00
article.md-text.content+.related-wrap
margin-top: 0
2022-10-25 13:57:31 +08:00
.related-posts
2022-11-19 19:54:37 +08:00
max-width: 100%
2022-10-25 13:57:31 +08:00
margin: 1rem 0
.item
line-height: 1.2
display: block
border-left: 0
margin-top: 1rem
.title
color: var(--text-p1)
font-weight: 500
2024-01-31 22:45:07 +08:00
--fsp: var(--fsp1)
font-size: var(--fsp)
2022-11-23 23:17:24 +08:00
trans2 color border
2022-10-25 13:57:31 +08:00
position: relative
2022-11-23 23:17:24 +08:00
padding-bottom: 2px
border-bottom: 1px dashed var(--text-meta)
line-height: 1.6
2022-10-25 13:57:31 +08:00
.excerpt
color: var(--text-p3)
2024-01-31 22:45:07 +08:00
--fsp: var(--fsp3)
font-size: var(--fsp)
2022-10-25 13:57:31 +08:00
margin-top: 0.5rem
display: -webkit-box
-webkit-box-orient: vertical
overflow: hidden
-webkit-line-clamp: 2
2024-01-13 21:10:26 +08:00
&.active
.title
border-bottom: 1px dashed $color-theme
2022-10-25 13:57:31 +08:00
&:hover
2021-02-19 23:33:19 +08:00
.title
2022-10-25 13:57:31 +08:00
color: $color-hover
2022-11-23 23:17:24 +08:00
border-bottom: 1px solid $color-hover
2021-03-06 20:44:17 +08:00
.related-wrap#read-next
.body
2022-10-23 16:56:27 +08:00
display: grid
grid-gap: 16px
grid-template-columns: repeat(auto-fill, "calc((100% - 1 * %s) / 2)" % 16px)
2022-10-24 23:30:34 +08:00
.item
border-top: 1px dashed var(--block-border)
border-bottom: 1px dashed var(--block-border)
padding: 1rem 0
.note
margin-bottom: 0.75rem
2024-01-31 22:45:07 +08:00
font-size: $fs-13
2022-10-24 23:30:34 +08:00
color: var(--text-p4)
font-weight: 500
a
2021-06-26 12:40:13 +08:00
margin: 0
2021-03-06 20:44:17 +08:00
line-height: 1.2
2022-10-23 16:56:27 +08:00
color: var(--text-p1)
2022-10-24 23:30:34 +08:00
font-size: $fs-h4
2021-06-26 12:40:13 +08:00
&:hover
color: $color-hover !important
2022-10-24 23:30:34 +08:00
#next
text-align: right
.wiki+.related-wrap#read-next
.item
a
font-size: $fs-h3
&#prev a
color: var(--text-p3)
2021-03-06 20:44:17 +08:00
.related-wrap#comments
2022-12-12 20:39:07 +08:00
padding: 0 1rem
2022-12-12 21:07:22 +08:00
.cmt-title
2021-07-13 23:45:34 +08:00
p
margin: 0
2022-11-26 13:17:47 +08:00
font-size: inherit
2021-07-13 23:45:34 +08:00
a
color: inherit
text-decoration: underline
&:hover
color: $color-hover
2022-12-11 01:20:54 +08:00
&:before
2022-10-05 23:00:52 +08:00
display: none
2022-12-12 21:07:22 +08:00
.cmt-body
2021-03-06 20:44:17 +08:00
min-height: 150px
position: relative
svg.loading
top: 60px