Club: adding styles for pullquote block (#6388)

* Club: pullquote styles * Amend line height to 1.3 Co-authored-by: Jeff Ong <[email protected]>
Automattic · Aug 16, 2022 · 7da776e · 7da776e
1 parent 5a54bcf
commit 7da776e
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 7 deletions.
diff --git a/club/style.css b/club/style.css
@@ -309,6 +309,33 @@ a {
 	margin: auto; 
 }
 
+/*
+ * Pullquote
+ */
+
+
+.wp-block-pullquote blockquote {
+	margin: 0;
+}
+
+.wp-block-pullquote p {
+	margin-block-start: var(--wp--custom--gap--vertical);
+	margin-block-end: var(--wp--custom--gap--vertical);
+	font-size: inherit;
+}
+
+.wp-block-pullquote cite {
+	display: block;
+	margin-block-end: var(--wp--custom--gap--vertical);
+	font-style: normal;
+	font-size:  var(--wp--preset--font-size--small);
+	font-weight: 400;
+}
+
+.wp-block-pullquote cite::before {
+	content: "— ";
+}
+
 
 /*
  * Alignment styles, borrowed from Twenty Twenty-Two.

diff --git a/club/theme.json b/club/theme.json
@@ -350,15 +350,16 @@
                 },
                 "spacing": {
                     "padding": {
-                        "bottom": "var(--wp--custom--gap--horizontal)",
-                        "left": "var(--wp--custom--gap--horizontal)",
-                        "right": "var(--wp--custom--gap--horizontal)",
-                        "top": "var(--wp--custom--gap--horizontal)"
+                        "bottom": "0px",
+                        "left": "0px",
+                        "right": "0px",
+                        "top": "0px"
                     }
                 },
                 "typography": {
-                    "fontSize": "var(--wp--preset--font-size--large)",
-                    "fontStyle": "italic"
+                    "fontWeight": "700",
+                    "fontSize": "1.5rem",
+                    "lineHeight": "1.3"
                 }
             },
             "core/quote": {
@@ -368,7 +369,8 @@
                 },
                 "typography": {
                     "fontSize": "var(--wp--preset--font-size--large)",
-                    "fontStyle": "normal"
+                    "fontStyle": "normal",
+                    "lineHeight": "1.3"
                 }
             },
             "core/query-title": {