补充主题静态资源与归档模板

2026-07-03 23:15:11 +08:00
parent 1268a55dd0
commit 3247db7ed1
265 changed files with 59174 additions and 0 deletions
@@ -0,0 +1,60 @@
+/**
+ * Post Card · CMS (grid-cms layout)
+ */
+
+.post-grid--grid-cms {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+	gap: 20px;
+}
+
+.post-grid--grid-cms .posts-item.card.posts-item--cms {
+	height: 100%;
+	border-radius: 16px;
+}
+
+.post-grid--grid-cms .posts-item--cms .item-body {
+	gap: 10px;
+}
+
+.post-grid--grid-cms .posts-item--cms .item-excerpt {
+	-webkit-line-clamp: 2;
+}
+
+.post-grid--grid-cms .posts-item--cms .item-cms-strip {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 8px;
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+.post-grid--grid-cms .posts-item--cms .item-cms-strip li {
+	display: inline-flex;
+	align-items: center;
+	min-height: 24px;
+	padding: 0 10px;
+	border-radius: 999px;
+	background: var(--surface-2);
+	color: var(--color-ink-4);
+	font-size: 12px;
+	font-weight: 500;
+}
+
+.post-grid--grid-cms .posts-item--cms .item-cms-strip li::before {
+	display: none;
+}
+
+@media (max-width: 640px) {
+	.post-grid--grid-cms {
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+		gap: 14px;
+	}
+}
+
+@media (max-width: 380px) {
+	.post-grid--grid-cms {
+		grid-template-columns: 1fr;
+	}
+}