Skip to content

Commit ff75783

Browse files
committed
Add styles for post meta and search
1 parent 278c45b commit ff75783

File tree

3 files changed

+36
-27
lines changed

3 files changed

+36
-27
lines changed

assets/scss/patterns/_index.scss

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,4 @@
11
// 'patterns/' houses styles for custom patterns.
22
// @import './pattern-name';
3+
4+
@import './post-meta';

assets/scss/patterns/post-meta.scss

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
/* -- post meta -- */
2+
3+
.post-meta {
4+
gap: 0;
5+
justify-content: flex-start;
6+
padding-top: var(--wp--preset--spacing--10);
7+
8+
p {
9+
font-family: var(--wp--preset--font-family--headline);
10+
font-size: 0.75rem;
11+
font-weight: 400;
12+
line-height: 1.6;
13+
}
14+
15+
.wp-block-post-date {
16+
font-family: var(--wp--preset--font-family--headline);
17+
font-size: 0.75rem;
18+
font-weight: 400;
19+
line-height: 1.6;
20+
padding-left: 0.375rem;
21+
22+
&::after {
23+
content: '.';
24+
padding-right: 0.375rem;
25+
}
26+
}
27+
}

assets/scss/templates/search.scss

Lines changed: 7 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
/* -- Search Page -- */
22

3-
.search {
3+
.search,
4+
.search-results {
45
.wp-block-query-title {
56
font-size: var(--wp--preset--font-size--m);
67
margin-bottom: var(--wp--preset--spacing--30);
@@ -14,36 +15,15 @@
1415
padding-top: 0.375rem;
1516
}
1617

17-
.post-meta {
18-
gap: 0;
19-
justify-content: flex-start;
20-
21-
p {
22-
font-family: var(--wp--preset--font-family--headline);
23-
font-size: 0.75rem;
24-
font-weight: 400;
25-
line-height: 1.6;
26-
margin-top: 0.5rem !important; /* stylelint-disable-line declaration-no-important */
27-
}
28-
29-
.wp-block-post-date {
30-
font-family: var(--wp--preset--font-family--headline);
31-
font-size: 0.75rem;
32-
font-weight: 400;
33-
line-height: 1.6;
34-
padding-left: 0.375rem;
35-
36-
&::after {
37-
content: '.';
38-
padding-right: 0.375rem;
39-
}
40-
}
41-
}
42-
4318
&:last-of-type {
4419
.wp-block-separator {
4520
display: none;
4621
}
4722
}
23+
24+
.wp-block-post-excerpt {
25+
margin-top: var(--wp--preset--spacing--10);
26+
}
4827
}
28+
4929
}

0 commit comments

Comments
 (0)