feat: deepen single post experience
This commit is contained in:
@@ -129,27 +129,33 @@ article.article.box-body,
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
.entry-content > *:first-child {
|
||||
:is(.entry-content, .wp-posts-content) > *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.entry-content p {
|
||||
:is(.entry-content, .wp-posts-content) p {
|
||||
margin: 0 0 1.5em;
|
||||
}
|
||||
|
||||
.entry-content h2 {
|
||||
:is(.entry-content, .wp-posts-content) h2 {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
margin: 20px 0 10px;
|
||||
margin: 28px 0 14px;
|
||||
}
|
||||
|
||||
.entry-content h3 {
|
||||
:is(.entry-content, .wp-posts-content) h3 {
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
margin: 20px 0 10px;
|
||||
margin: 24px 0 12px;
|
||||
}
|
||||
|
||||
.entry-content blockquote {
|
||||
:is(.entry-content, .wp-posts-content) h4 {
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
margin: 22px 0 10px;
|
||||
}
|
||||
|
||||
:is(.entry-content, .wp-posts-content) blockquote {
|
||||
margin: 0 0 24px;
|
||||
padding: 18px 20px;
|
||||
border-left: 4px solid var(--color-primary);
|
||||
@@ -158,11 +164,29 @@ article.article.box-body,
|
||||
color: var(--color-ink-3);
|
||||
}
|
||||
|
||||
.entry-content img {
|
||||
:is(.entry-content, .wp-posts-content) img {
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
border-radius: min(8px, var(--main-radius, 8px));
|
||||
}
|
||||
|
||||
:is(.entry-content, .wp-posts-content) figure {
|
||||
max-width: 100%;
|
||||
margin: 1.5em auto;
|
||||
}
|
||||
|
||||
:is(.entry-content, .wp-posts-content) figcaption {
|
||||
margin-top: 8px;
|
||||
color: var(--muted-color, #777);
|
||||
font-size: 13px;
|
||||
line-height: 1.6;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
:is(.entry-content, .wp-posts-content) .aksrt-lightbox-target {
|
||||
cursor: zoom-in;
|
||||
}
|
||||
|
||||
/* ===== 图片灯箱 ===== */
|
||||
@@ -226,14 +250,14 @@ article.article.box-body,
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.entry-content iframe,
|
||||
.entry-content .wp-block-embed iframe,
|
||||
.entry-content video {
|
||||
:is(.entry-content, .wp-posts-content) iframe,
|
||||
:is(.entry-content, .wp-posts-content) .wp-block-embed iframe,
|
||||
:is(.entry-content, .wp-posts-content) video {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.entry-content .wp-block-embed {
|
||||
:is(.entry-content, .wp-posts-content) .wp-block-embed {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
@@ -242,7 +266,7 @@ article.article.box-body,
|
||||
}
|
||||
|
||||
/* 行内代码 — 对齐 zibll: 粉色文字 + 粉色背景 */
|
||||
.entry-content code {
|
||||
:is(.entry-content, .wp-posts-content) code {
|
||||
font-family: var(--font-mono);
|
||||
font-size: 0.9em;
|
||||
color: #ff3c98;
|
||||
@@ -251,13 +275,13 @@ article.article.box-body,
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.entry-content ul,
|
||||
.entry-content ol {
|
||||
:is(.entry-content, .wp-posts-content) ul,
|
||||
:is(.entry-content, .wp-posts-content) ol {
|
||||
padding-left: 1.5em;
|
||||
margin: 0 0 1.5em;
|
||||
}
|
||||
|
||||
.entry-content ul li::marker {
|
||||
:is(.entry-content, .wp-posts-content) ul li::marker {
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user