wip: article AI polish, category SEO fields, cover generator, membership plan seeder
This commit is contained in:
@@ -129,6 +129,32 @@ a:hover { color: var(--teal); }
|
||||
}
|
||||
|
||||
.post-list { display: grid; gap: 0; }
|
||||
.post-item__cover {
|
||||
display: block;
|
||||
margin: 0 0 0.75rem;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
aspect-ratio: 16 / 9;
|
||||
background: #e8eef2;
|
||||
}
|
||||
.post-item__cover img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
.post__cover {
|
||||
margin: 0 0 1.25rem;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
background: #e8eef2;
|
||||
}
|
||||
.post__cover img {
|
||||
width: 100%;
|
||||
max-height: 420px;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
.post-item {
|
||||
padding: 1.35rem 0;
|
||||
border-bottom: 1px solid var(--line);
|
||||
@@ -148,6 +174,24 @@ a:hover { color: var(--teal); }
|
||||
.meta { color: var(--muted); font-size: 0.92rem; margin: 0 0 0.55rem; }
|
||||
.excerpt { margin: 0; color: #243442; }
|
||||
|
||||
.category-hero { margin-bottom: 1.25rem; }
|
||||
.category-hero__cover {
|
||||
margin: 0 0 1rem;
|
||||
border-radius: calc(var(--radius) - 0.35rem);
|
||||
overflow: hidden;
|
||||
}
|
||||
.category-hero__cover img {
|
||||
width: 100%;
|
||||
max-height: 240px;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
.category-hero__intro {
|
||||
margin: 0 0 0.75rem;
|
||||
color: #243442;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
font-family: var(--serif);
|
||||
font-size: clamp(1.8rem, 3vw, 2.4rem);
|
||||
@@ -212,6 +256,26 @@ a:hover { color: var(--teal); }
|
||||
.post__toc-item--h3 { padding-left: 0.85rem; }
|
||||
.post__toc-item--h4 { padding-left: 1.7rem; }
|
||||
|
||||
.post__paywall {
|
||||
margin-top: 1.5rem;
|
||||
padding: 1.1rem 1.25rem;
|
||||
border: 1px solid rgba(15, 138, 122, 0.28);
|
||||
background: rgba(15, 138, 122, 0.06);
|
||||
}
|
||||
.post__paywall-title {
|
||||
margin: 0 0 0.4rem;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
.post__paywall .button {
|
||||
display: inline-block;
|
||||
margin-top: 0.35rem;
|
||||
padding: 0.55rem 1rem;
|
||||
border-radius: 0.4rem;
|
||||
background: var(--teal-deep, #0f8a7a);
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.post__content {
|
||||
font-size: 1.08rem;
|
||||
line-height: 1.8;
|
||||
@@ -272,6 +336,8 @@ a:hover { color: var(--teal); }
|
||||
margin-bottom: 0.35rem;
|
||||
}
|
||||
.comment__author { color: var(--ink); }
|
||||
a.comment__author { text-decoration: none; }
|
||||
a.comment__author:hover { color: var(--teal); }
|
||||
.comment__body { color: #243442; }
|
||||
|
||||
.article-body .body { font-size: 1.05rem; }
|
||||
|
||||
Reference in New Issue
Block a user