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.
77 lines
1.6 KiB
77 lines
1.6 KiB
.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
|
|
|