diff --git a/blockbase/assets/ponyfill.css b/blockbase/assets/ponyfill.css
index 294f9cce29..4dd0affb7e 100644
--- a/blockbase/assets/ponyfill.css
+++ b/blockbase/assets/ponyfill.css
@@ -828,6 +828,10 @@ p.has-background {
margin-bottom: unset;
}
+.post-meta {
+ row-gap: var(--wp--custom--gap--baseline) !important;
+}
+
.post-meta .wp-block-post-author,
.post-meta .wp-block-post-date,
.post-meta .taxonomy-post_tag,
diff --git a/blockbase/assets/svg/post-tag.svg b/blockbase/assets/svg/post-tag.svg
new file mode 100644
index 0000000000..136004dabd
--- /dev/null
+++ b/blockbase/assets/svg/post-tag.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/blockbase/block-template-parts/post-meta.html b/blockbase/block-template-parts/post-meta.html
new file mode 100644
index 0000000000..c42e914259
--- /dev/null
+++ b/blockbase/block-template-parts/post-meta.html
@@ -0,0 +1,8 @@
+
+
+
+
+
+
+
+
diff --git a/blockbase/block-templates/singular.html b/blockbase/block-templates/singular.html
index 39955d08f1..6194ea7877 100644
--- a/blockbase/block-templates/singular.html
+++ b/blockbase/block-templates/singular.html
@@ -11,11 +11,18 @@
+
+
-
+
diff --git a/blockbase/sass/post/_meta.scss b/blockbase/sass/post/_meta.scss
index ec4395e1a3..ca81c67654 100644
--- a/blockbase/sass/post/_meta.scss
+++ b/blockbase/sass/post/_meta.scss
@@ -1,4 +1,7 @@
.post-meta {
+ // We're setting row-gap here as currently, we can't specify separate vertical and horizontal block gaps.
+ // Tracking in Gutenberg here: https://github.com/WordPress/gutenberg/issues/34529
+ row-gap: var(--wp--custom--gap--baseline) !important; // !important is needed to override the unique .wp-container-ID classes
.wp-block-post-author,
.wp-block-post-date,
.taxonomy-post_tag,
diff --git a/blockbase/theme.json b/blockbase/theme.json
index 9b0949797a..5ad1bb722b 100644
--- a/blockbase/theme.json
+++ b/blockbase/theme.json
@@ -311,6 +311,7 @@
"wideSize": "1000px"
},
"spacing": {
+ "blockGap": true,
"customPadding": true,
"units": [
"%",
@@ -564,7 +565,7 @@
}
},
"spacing": {
- "blockGap": "var(--wp--custom--gap--vertical)"
+ "blockGap": "calc(2 * var(--wp--custom--gap--baseline))"
},
"typography": {
"lineHeight": "var(--wp--custom--body--typography--line-height)",
diff --git a/geologist/theme.json b/geologist/theme.json
index 508309cade..03bcabf13e 100644
--- a/geologist/theme.json
+++ b/geologist/theme.json
@@ -335,6 +335,7 @@
"wideSize": "1128px"
},
"spacing": {
+ "blockGap": true,
"customPadding": true,
"units": [
"%",
@@ -641,7 +642,7 @@
}
},
"spacing": {
- "blockGap": "var(--wp--custom--gap--vertical)"
+ "blockGap": "calc(2 * var(--wp--custom--gap--baseline))"
},
"typography": {
"lineHeight": "var(--wp--custom--body--typography--line-height)",
diff --git a/mayland-blocks/theme.json b/mayland-blocks/theme.json
index 99b436b13c..8fd2ff1e73 100644
--- a/mayland-blocks/theme.json
+++ b/mayland-blocks/theme.json
@@ -323,6 +323,7 @@
"wideSize": "1000px"
},
"spacing": {
+ "blockGap": true,
"customPadding": true,
"units": [
"%",
@@ -593,7 +594,7 @@
}
},
"spacing": {
- "blockGap": "var(--wp--custom--gap--vertical)"
+ "blockGap": "calc(2 * var(--wp--custom--gap--baseline))"
},
"typography": {
"lineHeight": "var(--wp--custom--body--typography--line-height)",
diff --git a/quadrat/theme.json b/quadrat/theme.json
index ece7367ccc..2649a70ac7 100644
--- a/quadrat/theme.json
+++ b/quadrat/theme.json
@@ -361,6 +361,7 @@
"wideSize": "1128px"
},
"spacing": {
+ "blockGap": true,
"customPadding": true,
"units": [
"%",
@@ -667,7 +668,7 @@
}
},
"spacing": {
- "blockGap": "var(--wp--custom--gap--vertical)"
+ "blockGap": "calc(2 * var(--wp--custom--gap--baseline))"
},
"typography": {
"lineHeight": "var(--wp--custom--body--typography--line-height)",
diff --git a/seedlet-blocks/block-template-parts/post-meta.html b/seedlet-blocks/block-template-parts/post-meta.html
index 8856e40968..a2180b8845 100644
--- a/seedlet-blocks/block-template-parts/post-meta.html
+++ b/seedlet-blocks/block-template-parts/post-meta.html
@@ -7,5 +7,7 @@
-
+
+
+
diff --git a/seedlet-blocks/theme.json b/seedlet-blocks/theme.json
index a575866d97..c80ea71c05 100644
--- a/seedlet-blocks/theme.json
+++ b/seedlet-blocks/theme.json
@@ -352,6 +352,7 @@
"wideSize": "790px"
},
"spacing": {
+ "blockGap": true,
"customPadding": true,
"units": [
"%",
@@ -627,7 +628,7 @@
}
},
"spacing": {
- "blockGap": "var(--wp--custom--gap--vertical)"
+ "blockGap": "calc(2 * var(--wp--custom--gap--baseline))"
},
"typography": {
"lineHeight": "var(--wp--custom--body--typography--line-height)",
diff --git a/skatepark/assets/theme.css b/skatepark/assets/theme.css
index 9675e7ea05..b5d8ef4cc5 100644
--- a/skatepark/assets/theme.css
+++ b/skatepark/assets/theme.css
@@ -442,7 +442,6 @@ a:not(.ab-item):not(.screen-reader-shortcut):focus {
.post-meta.wp-block-group {
flex-direction: column;
align-items: start;
- gap: .5em;
}
.post-meta .wp-block-post-date,
diff --git a/skatepark/child-theme.json b/skatepark/child-theme.json
index c02afa5486..20614900f9 100644
--- a/skatepark/child-theme.json
+++ b/skatepark/child-theme.json
@@ -379,6 +379,9 @@
}
}
},
+ "spacing": {
+ "blockGap": "0.5em"
+ },
"typography": {
"fontFamily": "var(--wp--preset--font-family--red-hat-display)",
"fontWeight": "400"
diff --git a/skatepark/sass/elements/_post-meta.scss b/skatepark/sass/elements/_post-meta.scss
index a87eafb969..d220bd9539 100644
--- a/skatepark/sass/elements/_post-meta.scss
+++ b/skatepark/sass/elements/_post-meta.scss
@@ -2,7 +2,6 @@
&.wp-block-group {
flex-direction: column;
align-items: start;
- gap: .5em;
}
.wp-block-post-date,
diff --git a/skatepark/theme.json b/skatepark/theme.json
index 3d2ee9d247..3a0bdd6c4c 100644
--- a/skatepark/theme.json
+++ b/skatepark/theme.json
@@ -360,6 +360,7 @@
"wideSize": "1194px"
},
"spacing": {
+ "blockGap": true,
"customPadding": true,
"units": [
"%",
@@ -652,7 +653,7 @@
}
},
"spacing": {
- "blockGap": "var(--wp--custom--gap--vertical)"
+ "blockGap": "0.5em"
},
"typography": {
"lineHeight": "var(--wp--custom--body--typography--line-height)",