You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
.l_main
|
|
|
|
.prev-next
|
|
|
|
width: 100%
|
|
|
|
display: flex
|
|
|
|
justify-content: space-between
|
|
|
|
align-items: baseline
|
|
|
|
color: $color-meta
|
|
|
|
margin: 0
|
|
|
|
font-size: $fontsize-body
|
|
|
|
.prev
|
|
|
|
text-align: left
|
|
|
|
border-top-right-radius: 32px
|
|
|
|
border-bottom-right-radius: 32px
|
|
|
|
|
|
|
|
.next
|
|
|
|
text-align: right
|
|
|
|
border-top-left-radius: 32px
|
|
|
|
border-bottom-left-radius: 32px
|
|
|
|
|
|
|
|
p
|
|
|
|
margin: $gap
|
|
|
|
|
|
|
|
section
|
|
|
|
color: $color-meta
|
|
|
|
padding: $gap
|
|
|
|
border-radius: $border-card
|
|
|
|
&:hover
|
|
|
|
color: $color-hover
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: $device-mobile-l)
|
|
|
|
section
|
|
|
|
border-radius: 0
|
|
|
|
|
|
|
|
// 文章中
|
|
|
|
.article
|
|
|
|
.prev-next
|
|
|
|
width: 100%
|
|
|
|
display: flex
|
|
|
|
justify-content: space-between
|
|
|
|
align-content: flex-start
|
|
|
|
margin-top: $gap * 0.5
|
|
|
|
>a
|
|
|
|
width: 100%
|
|
|
|
padding: $gap * 0.5
|
|
|
|
color: $color-meta
|
|
|
|
background: $color-block
|
|
|
|
border-radius: $border-codeblock
|
|
|
|
&:hover
|
|
|
|
background: bgcolor($color-hover)
|
|
|
|
p.title
|
|
|
|
color: $color-hover
|
|
|
|
p.title
|
|
|
|
margin: $gap * 0.5 .5rem
|
|
|
|
font-weight: bold
|
|
|
|
font-size: $fontsize-h5
|
|
|
|
>i
|
|
|
|
width: 1rem
|
|
|
|
p.content
|
|
|
|
font-size: $fontsize-meta
|
|
|
|
margin: 0 .5rem
|
|
|
|
text-align: justify
|
|
|
|
word-break: break-all
|
|
|
|
&:only-child
|
|
|
|
margin-left: 0
|
|
|
|
margin-right: 0
|
|
|
|
.prev
|
|
|
|
p.title
|
|
|
|
text-align: left
|
|
|
|
margin-left: 0
|
|
|
|
margin-right: $gap * 0.5
|
|
|
|
|
|
|
|
.next
|
|
|
|
p.title
|
|
|
|
text-align: right
|
|
|
|
margin-left: $gap * 0.5
|
|
|
|
margin-right: 0
|