Add styles for post meta and search

WebDevStudios · Jul 3, 2024 · ff75783 · ff75783
1 parent 278c45b
commit ff75783
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 27 deletions.
diff --git a/assets/scss/patterns/_index.scss b/assets/scss/patterns/_index.scss
@@ -1,2 +1,4 @@
 // 'patterns/' houses styles for custom patterns.
 // @import './pattern-name';
+
+@import './post-meta';
diff --git a/assets/scss/patterns/post-meta.scss b/assets/scss/patterns/post-meta.scss
@@ -0,0 +1,27 @@
+/* -- post meta -- */
+
+.post-meta {
+	gap: 0;
+	justify-content: flex-start;
+	padding-top: var(--wp--preset--spacing--10);
+
+	p {
+		font-family: var(--wp--preset--font-family--headline);
+		font-size: 0.75rem;
+		font-weight: 400;
+		line-height: 1.6;
+	}
+
+	.wp-block-post-date {
+		font-family: var(--wp--preset--font-family--headline);
+		font-size: 0.75rem;
+		font-weight: 400;
+		line-height: 1.6;
+		padding-left: 0.375rem;
+
+		&::after {
+			content: '.';
+			padding-right: 0.375rem;
+		}
+	}
+}
diff --git a/assets/scss/templates/search.scss b/assets/scss/templates/search.scss
@@ -1,6 +1,7 @@
 /* -- Search Page -- */
 
-.search {
+.search,
+.search-results {
 	.wp-block-query-title {
 		font-size: var(--wp--preset--font-size--m);
 		margin-bottom: var(--wp--preset--spacing--30);
@@ -14,36 +15,15 @@
 			padding-top: 0.375rem;
 		}
 
-		.post-meta {
-			gap: 0;
-			justify-content: flex-start;
-
-			p {
-				font-family: var(--wp--preset--font-family--headline);
-				font-size: 0.75rem;
-				font-weight: 400;
-				line-height: 1.6;
-				margin-top: 0.5rem !important; /* stylelint-disable-line declaration-no-important */
-			}
-
-			.wp-block-post-date {
-				font-family: var(--wp--preset--font-family--headline);
-				font-size: 0.75rem;
-				font-weight: 400;
-				line-height: 1.6;
-				padding-left: 0.375rem;
-
-				&::after {
-					content: '.';
-					padding-right: 0.375rem;
-				}
-			}
-		}
-
 		&:last-of-type {
 			.wp-block-separator {
 				display: none;
 			}
 		}
+
+		.wp-block-post-excerpt {
+			margin-top: var(--wp--preset--spacing--10);
+		}
 	}
+
 }