Merge pull request #92 from Codeinwp/fix/issue-56

feat: move caption color and font to theme.json
Codeinwp · Dec 12, 2023 · 8e21b2a · 8e21b2a
2 parents b8e5eaf + 6fb6ca9
commit 8e21b2a
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 12 deletions.
diff --git a/assets/css/src/blocks/_image.scss b/assets/css/src/blocks/_image.scss
@@ -1,8 +1,3 @@
-%figcaption {
-	text-align: left;
-	font-size: var(--wp--preset--font-size--small);
-}
-
 .wp-block-image {
 
 	&.aligncenter {
@@ -26,9 +21,7 @@
 figure.wp-block-image {
 
 	figcaption {
-
-		@extend %figcaption;
-		color: var(--wp--preset--color--raft-fg);
+		text-align: left;
 		opacity: 0.6;
 	}
 }
@@ -39,8 +32,7 @@ figure.wp-block-image {
 	figure.wp-block-image {
 
 		figcaption {
-
-			@extend %figcaption;
+			text-align: left;
 			background: rgba(0, 0, 0, 0.3);
 			margin: 0;
 			padding: 8px;

diff --git a/assets/css/src/blocks/_table.scss b/assets/css/src/blocks/_table.scss
@@ -13,8 +13,6 @@
 	}
 
 	figcaption {
-		font-size: var(--wp--preset--font-size--small);
-		color: var(--wp--preset--color--raft-fg);
 		opacity: 0.6;
 	}
 }
diff --git a/theme.json b/theme.json
@@ -408,6 +408,14 @@
 					"fontWeight": "600",
 					"lineHeight": "1.6"
 				}
+			},
+			"caption": {
+				"typography": {
+					"fontSize": "var(--wp--preset--font-size--small)"
+				},
+				"color": {
+					"text": "var(--wp--preset--color--raft-fg)"
+				}
 			}
 		},
 		"blocks": {