Browse Source

Update border and font family styles.

Jeff Ong 4 years ago
parent
commit
ddd3797306

+ 7 - 1
blank-canvas-blocks/assets/ponyfill.css

@@ -297,8 +297,14 @@ p.has-text-color a {
 	padding: var(--wp--custom--navigation--submenu--padding);
 }
 
+.wp-block-quote {
+	font-family: var(--wp--custom--quote--typography--font-family);
+	border-left: var(--wp--custom--quote--border--width) solid var(--wp--custom--quote--border--color);
+}
+
 .wp-block-quote cite, .wp-block-quote .wp-block-quote__citation {
-	font-size: var(--wp--preset--font-size--small);
+	font-size: var(--wp--custom--quote--citation--typography--font-size);
+	font-style: var(--wp--custom--quote--citation--typography--font-style);
 }
 
 .wp-block-group.has-background .wp-block-group__inner-container {

+ 15 - 1
blank-canvas-blocks/experimental-theme.json

@@ -72,7 +72,6 @@
 						"color": "#FAFAFA",
 						"name": "Almost White"
 					}
-
 				]
 			},
 			"typography": {
@@ -167,6 +166,21 @@
 						"background": "transparent",
 						"box-shadow": "none"
 					}
+				},
+				"quote": {
+					"border": {
+						"color": "var(--wp--custom--color--secondary)",
+						"width": "1px"
+					},
+					"typography": {
+						"font-family": "var(--wp--preset--font-family--headings)"
+					},
+					"citation": {
+						"typography": {
+							"font-size": "var(--wp--preset--font-size--small)",
+							"font-style": "italic"
+						}
+					}
 				}
 			}
 		}

+ 4 - 1
blank-canvas-blocks/sass/blocks/quote/_style.scss

@@ -1,5 +1,8 @@
 .wp-block-quote {
+	font-family: var(--wp--custom--quote--typography--font-family);
+	border-left: var(--wp--custom--quote--border--width) solid var(--wp--custom--quote--border--color);
 	cite, .wp-block-quote__citation {
-		font-size: var(--wp--preset--font-size--small);
+		font-size: var(--wp--custom--quote--citation--typography--font-size);
+		font-style: var(--wp--custom--quote--citation--typography--font-style);
 	}
 }