去掉首字下沉:classic 与 vivid 的正文首字放大样式及短文补偿规则一并移除
This commit is contained in:
1 parent
4bb2ff4145
commit
1b5022aefb
2 files changed
-28
No files matched your search
@@ -214,12 +214,6 @@ html.topbar-hidden {--topbar-h: 0px;}
|
|||||||
overflow-wrap: anywhere;}
|
overflow-wrap: anywhere;}
|
||||||
.prose > :first-child {margin-top: 22px;}
|
.prose > :first-child {margin-top: 22px;}
|
||||||
.prose p {margin: 0 0 1.1em;}
|
.prose p {margin: 0 0 1.1em;}
|
||||||
.prose > p:first-of-type::first-letter {float: left;
|
|
||||||
font-family: var(--serif);
|
|
||||||
font-size: 52px;
|
|
||||||
line-height: 1;
|
|
||||||
margin: 6px 10px 0 0;
|
|
||||||
color: var(--accent);}
|
|
||||||
.prose h1, .prose h2, .prose h3, .prose h4 {font-family: var(--serif);
|
.prose h1, .prose h2, .prose h3, .prose h4 {font-family: var(--serif);
|
||||||
color: var(--ink);
|
color: var(--ink);
|
||||||
margin: 1.8em 0 0.6em;}
|
margin: 1.8em 0 0.6em;}
|
||||||
@@ -319,19 +313,6 @@ html.topbar-hidden {--topbar-h: 0px;}
|
|||||||
.prose tbody tr:nth-child(even) {background: color-mix(in srgb, var(--paper-sunken) 55%, transparent);}
|
.prose tbody tr:nth-child(even) {background: color-mix(in srgb, var(--paper-sunken) 55%, transparent);}
|
||||||
.prose-short {font-size: 20px;
|
.prose-short {font-size: 20px;
|
||||||
line-height: 1.9;}
|
line-height: 1.9;}
|
||||||
.prose-short > p:first-of-type::first-letter {float: none;
|
|
||||||
font-size: inherit;
|
|
||||||
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 张;详情页用) */
|
/* 短文配图:Twitter 式网格(快发盒上传,≤4 张;详情页用) */
|
||||||
.post-imgs {display: grid;
|
.post-imgs {display: grid;
|
||||||
gap: 3px;
|
gap: 3px;
|
||||||
|
|||||||
@@ -164,15 +164,6 @@ html[data-ui='vivid'] .prose blockquote p:last-child {margin-bottom:0}
|
|||||||
html[data-ui='vivid'] .prose pre {border:0}
|
html[data-ui='vivid'] .prose pre {border:0}
|
||||||
html[data-ui='vivid'] .prose h4 {margin:1.4em 0 .5em;font-size:1.05em;font-weight:700;
|
html[data-ui='vivid'] .prose h4 {margin:1.4em 0 .5em;font-size:1.05em;font-weight:700;
|
||||||
letter-spacing:-.01em;color:var(--ink);}
|
letter-spacing:-.01em;color:var(--ink);}
|
||||||
/* 首字下沉:设计稿里没有这条,classic 漏过来的是固定 52px。参考站(innei.in 余白模式)
|
|
||||||
也有首字下沉,那就认领成自己的,按 2.4em 走、跟着正文字号缩放。 */
|
|
||||||
html[data-ui='vivid'] .prose > p:first-of-type::first-letter {float:left;
|
|
||||||
font-family:var(--serif);font-size:2.4em;line-height:1;
|
|
||||||
margin:.06em .18em 0 0;color:var(--accent);}
|
|
||||||
/* 短文不做首字下沉:正文第一句就是全部,压一个大字进去反而像截断
|
|
||||||
(classic 也是这么分的,它用 .prose-short 关掉) */
|
|
||||||
html[data-ui='vivid'] .prose.prose-note > p:first-of-type::first-letter {float:none;
|
|
||||||
font-family:inherit;font-size:inherit;line-height:inherit;margin:0;color:inherit;}
|
|
||||||
html[data-ui='vivid'] .back {display:inline-flex;align-items:center;gap:6px;
|
html[data-ui='vivid'] .back {display:inline-flex;align-items:center;gap:6px;
|
||||||
font-size:13px;font-weight:700;color:var(--accent);
|
font-size:13px;font-weight:700;color:var(--accent);
|
||||||
margin-bottom:20px;padding:6px 0;
|
margin-bottom:20px;padding:6px 0;
|
||||||
|
|||||||
Reference in new issue
Block a user