2021-02-19 23:33:19 +08:00
|
|
|
.l_cover
|
|
|
|
|
height: 100vh
|
|
|
|
|
text-align: center
|
|
|
|
|
display: flex
|
|
|
|
|
flex-direction: column
|
|
|
|
|
justify-content: center
|
|
|
|
|
align-items: center
|
2021-12-12 16:24:33 +08:00
|
|
|
position: relative
|
|
|
|
|
&.post
|
|
|
|
|
height: inherit
|
|
|
|
|
|
2021-02-19 23:33:19 +08:00
|
|
|
|
|
|
|
|
.l_cover .cover-wrap
|
|
|
|
|
margin-bottom: 0
|
2021-12-12 16:24:33 +08:00
|
|
|
display: flex
|
|
|
|
|
flex-direction: column
|
|
|
|
|
justify-content: center
|
|
|
|
|
align-items: center
|
|
|
|
|
.cover-title
|
|
|
|
|
font-weight: 700
|
|
|
|
|
font-size: 1.5rem
|
|
|
|
|
margin: 1rem 0
|
|
|
|
|
line-height: 1.2
|
2024-01-11 22:03:17 +08:00
|
|
|
color: var(--text-p0)
|
2021-12-12 16:24:33 +08:00
|
|
|
.description
|
|
|
|
|
margin: 1rem 0
|
|
|
|
|
.start-wrap
|
|
|
|
|
margin: 2rem 0
|
|
|
|
|
flex-shrink: 0
|
|
|
|
|
a.start
|
|
|
|
|
display: inline-block
|
|
|
|
|
|
|
|
|
|
.l_cover.post
|
|
|
|
|
.cover
|
|
|
|
|
z-index: -1
|
2021-12-12 20:13:38 +08:00
|
|
|
width: 100%
|
|
|
|
|
height: 30vh
|
|
|
|
|
max-width: $device-2k
|
|
|
|
|
min-height: 150px
|
|
|
|
|
max-height: 400px
|
|
|
|
|
@media screen and (max-width: $device-tablet)
|
|
|
|
|
height: 25vh
|
|
|
|
|
@media screen and (max-width: $device-mobile)
|
|
|
|
|
height: 20vh
|
|
|
|
|
@media screen and (min-width: $device-2k)
|
|
|
|
|
margin-top: 4rem
|
|
|
|
|
.img
|
|
|
|
|
border-radius: 2rem
|
|
|
|
|
|
2021-12-12 16:24:33 +08:00
|
|
|
|
|
|
|
|
.l_cover.post .cover-wrap
|
|
|
|
|
z-index: 1
|
|
|
|
|
.article-title
|
|
|
|
|
text-align: center
|
|
|
|
|
padding: 1rem
|
2021-12-12 20:13:38 +08:00
|
|
|
margin: 1em 0 0 0
|
|
|
|
|
@media screen and (min-width: $device-2k)
|
|
|
|
|
font-size: 3rem
|
2021-12-12 16:24:33 +08:00
|
|
|
|
|
|
|
|
|
|
|
|
|
.l_cover.wiki .cover-wrap
|
2021-03-05 21:37:28 +08:00
|
|
|
max-width: $device-mobile
|
2021-02-24 00:32:07 +08:00
|
|
|
.preview
|
2021-02-19 23:33:19 +08:00
|
|
|
margin-bottom: 2rem
|
|
|
|
|
img
|
|
|
|
|
object-fit: contain
|
2023-12-21 23:59:53 +08:00
|
|
|
min-width: 96px
|
|
|
|
|
min-height: 96px
|
2021-02-19 23:33:19 +08:00
|
|
|
max-height: 35vh
|
|
|
|
|
max-width: 100%
|
2021-03-05 21:37:28 +08:00
|
|
|
@media screen and (max-width: $device-mobile)
|
2021-02-24 00:32:07 +08:00
|
|
|
max-width: 60%
|
2021-02-19 23:33:19 +08:00
|
|
|
.cover-title
|
|
|
|
|
&:first-child
|
|
|
|
|
font-size: 3rem
|
