diff --git a/quadrat/assets/theme.css b/quadrat/assets/theme.css
index e0cc9fe3ae..2194793efe 100644
--- a/quadrat/assets/theme.css
+++ b/quadrat/assets/theme.css
@@ -1,3 +1,4 @@
+@charset "UTF-8";
/**
* Breakpoints & Media Queries
*/
@@ -179,6 +180,35 @@ a:focus {
overflow: inherit;
}
+.post-meta {
+ align-items: center;
+ justify-content: center;
+}
+
+.post-meta .wp-block-post-date::before {
+ display: none;
+}
+
+.post-meta > *,
+.post-meta .wp-block-post-date {
+ margin: 0 8px;
+}
+
+.post-meta .wp-block-post-terms {
+ margin-left: 0;
+ color: transparent;
+}
+
+.post-meta .wp-block-post-terms::before {
+ color: var(--wp--custom--color--foreground);
+ content: "·";
+ margin-right: 8px;
+}
+
+.post-meta .wp-block-post-terms a {
+ color: var(--wp--custom--color--foreground);
+}
+
.wp-block-post-featured-image {
margin-top: 0;
}
diff --git a/quadrat/block-template-parts/single.html b/quadrat/block-template-parts/single.html
index 9be2642e23..2b78813490 100644
--- a/quadrat/block-template-parts/single.html
+++ b/quadrat/block-template-parts/single.html
@@ -1,15 +1,26 @@
-
-
+
+
+
-
-
+
+
+
+
+
+
-
+
+
+
+
+
+
+
@@ -34,4 +45,4 @@
-
\ No newline at end of file
+
diff --git a/quadrat/child-experimental-theme.json b/quadrat/child-experimental-theme.json
index 1178c21ed8..fbe788bd78 100644
--- a/quadrat/child-experimental-theme.json
+++ b/quadrat/child-experimental-theme.json
@@ -59,6 +59,9 @@
"heading": {
"typography": {
"fontWeight": "500"
+ },
+ "h1": {
+ "fontSize":"min(max(48px, 7vw), 80px)"
}
},
"line-height": {
@@ -91,7 +94,7 @@
"margin": "0 .2em .2em 0",
"typography": {
"fontSize": "var(--wp--preset--font-size--huge)",
- "fontWeight": "300"
+ "fontWeight": "400"
}
}
},
@@ -199,9 +202,9 @@
},
"core/post-title": {
"typography": {
- "fontSize": "min(max(36px, 5vw), 65px)",
- "fontWeight": "500",
- "lineHeight": "var(--wp--custom--line-height--headings--h2)"
+ "fontSize": "var(--wp--custom--heading--h1--font-size)",
+ "fontWeight": "var(--wp--custom--heading--typography--font-weight)",
+ "lineHeight": "var(--wp--custom--line-height--headings--h1)"
}
},
"core/quote": {
@@ -233,12 +236,17 @@
"fontSize": "20px",
"fontWeight": 800
}
+ },
+ "core/navigation": {
+ "typography": {
+ "fontSize": "20px"
+ }
}
},
"elements": {
"h1": {
"typography": {
- "fontSize": "min(max(48px, 7vw), 80px)",
+ "fontSize": "var(--wp--custom--heading--h1--font-size)",
"lineHeight": "var(--wp--custom--line-height--headings--h1)"
}
},
@@ -279,8 +287,8 @@
}
},
"typography": {
- "fontSize": "18px",
- "fontWeight": "300",
+ "fontSize": "var(--wp--preset--font-size--normal)",
+ "fontWeight": "400",
"lineHeight": "var(--wp--custom--line-height--body)"
}
}
diff --git a/quadrat/experimental-theme.json b/quadrat/experimental-theme.json
index 5007a5cd60..92dd0269fc 100644
--- a/quadrat/experimental-theme.json
+++ b/quadrat/experimental-theme.json
@@ -119,6 +119,9 @@
"typography": {
"fontWeight": "500",
"lineHeight": 1.125
+ },
+ "h1": {
+ "fontSize": "min(max(48px, 7vw), 80px)"
}
},
"list": {
@@ -182,7 +185,7 @@
"typography": {
"fontFamily": "var(--wp--preset--font-family--base)",
"fontSize": "var(--wp--preset--font-size--huge)",
- "fontWeight": "300"
+ "fontWeight": "400"
}
}
},
@@ -375,7 +378,7 @@
},
"core/navigation": {
"typography": {
- "fontSize": "var(--wp--preset--font-size--small)"
+ "fontSize": "20px"
}
},
"core/post-content": {
@@ -388,9 +391,9 @@
},
"core/post-title": {
"typography": {
- "fontSize": "min(max(36px, 5vw), 65px)",
- "lineHeight": "var(--wp--custom--line-height--headings--h2)",
- "fontWeight": "500"
+ "fontSize": "var(--wp--custom--heading--h1--font-size)",
+ "lineHeight": "var(--wp--custom--line-height--headings--h1)",
+ "fontWeight": "var(--wp--custom--heading--typography--font-weight)"
}
},
"core/post-date": {
@@ -471,7 +474,7 @@
"elements": {
"h1": {
"typography": {
- "fontSize": "min(max(48px, 7vw), 80px)",
+ "fontSize": "var(--wp--custom--heading--h1--font-size)",
"lineHeight": "var(--wp--custom--line-height--headings--h1)"
}
},
@@ -514,8 +517,8 @@
"typography": {
"lineHeight": "var(--wp--custom--line-height--body)",
"fontFamily": "var(--wp--preset--font-family--base)",
- "fontSize": "18px",
- "fontWeight": "300"
+ "fontSize": "var(--wp--preset--font-size--normal)",
+ "fontWeight": "400"
}
}
}
\ No newline at end of file
diff --git a/quadrat/sass/_meta.scss b/quadrat/sass/_meta.scss
new file mode 100644
index 0000000000..2f0d027f1e
--- /dev/null
+++ b/quadrat/sass/_meta.scss
@@ -0,0 +1,28 @@
+.post-meta {
+ align-items: center;
+ justify-content: center;
+
+ .wp-block-post-date::before {
+ display: none;
+ }
+
+ > *,
+ .wp-block-post-date {
+ margin: 0 8px;
+ }
+
+ .wp-block-post-terms {
+ margin-left: 0;
+ &::before {
+ color: var(--wp--custom--color--foreground);
+ content: "·";
+ margin-right: 8px;
+ }
+
+ // Needed while https://github.com/WordPress/gutenberg/issues/31710 is sorted.
+ color: transparent;
+ a {
+ color: var(--wp--custom--color--foreground);
+ }
+ }
+}
diff --git a/quadrat/sass/theme.scss b/quadrat/sass/theme.scss
index 6430b73499..e5f2441ecd 100644
--- a/quadrat/sass/theme.scss
+++ b/quadrat/sass/theme.scss
@@ -11,6 +11,7 @@
@import "block-patterns/headlines";
@import "elements/links";
@import "header";
+@import "meta";
.wp-block-post-featured-image {
margin-top: 0;