短文配图:快发盒上传 + Twitter 式网格 + 全站 lightbox 预览;整卡点击进详情、时间线短文豁免首字
This commit is contained in:
@@ -304,6 +304,32 @@ html.topbar-hidden {--topbar-h: 0px;}
|
||||
line-height: inherit;
|
||||
margin: 0;
|
||||
color: inherit;}
|
||||
/* 时间线里的短文同样不放大首字:一句话的纸条压个大字像截断
|
||||
(详情页 .prose-short 同此;长文详情的首字下沉保留) */
|
||||
.prose.short-body > p:first-of-type::first-letter {float: none;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
font-family: inherit;
|
||||
margin: 0;
|
||||
color: inherit;}
|
||||
/* 短文配图:Twitter 式网格(快发盒上传,≤4 张;详情页用) */
|
||||
.post-imgs {display: grid;
|
||||
gap: 3px;
|
||||
margin-top: 18px;
|
||||
border-radius: 6px;
|
||||
overflow: hidden;}
|
||||
.post-imgs img {display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;}
|
||||
.post-imgs.n2, .post-imgs.n4 {grid-template-columns: 1fr 1fr;}
|
||||
.post-imgs.n3 {grid-template-columns: 1fr 1fr;}
|
||||
.post-imgs.n2 img, .post-imgs.n4 img {aspect-ratio: 1;}
|
||||
.post-imgs.n3 img {aspect-ratio: 1;}
|
||||
.post-imgs.n3 img:first-child {grid-row: span 2;
|
||||
aspect-ratio: auto;
|
||||
height: 100%;}
|
||||
.post-imgs.n1 img {max-height: 560px;}
|
||||
.empty {padding: 48px 0;
|
||||
text-align: center;
|
||||
color: var(--muted);
|
||||
|
||||
Reference in New Issue
Block a user