Move Separator block styles to theme.json.

wpengine · May 10, 2023 · bac066f · bac066f
1 parent d5c550b
commit bac066f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 21 deletions.
diff --git a/style.css b/style.css
@@ -153,27 +153,6 @@ mark {
 	padding: 2px 10px;
 }
 
-/* Separator
---------------------------------------------- */
-
-.wp-block-separator.is-style-dots:before {
-	font-family: inherit;
-	font-size: var(--wp--preset--font-size--large);
-	letter-spacing: 10px;
-	padding-left: 10px;
-}
-
-.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
-	width: 100px;
-}
-
-.wp-block-separator:not(.is-style-dots),
-.wp-block-separator.has-background:not(.is-style-dots) {
-	border-bottom: 1px solid currentColor;
-	border-top: none;
-	height: 1px;
-}
-
 /* Table
 --------------------------------------------- */
 

diff --git a/theme.json b/theme.json
@@ -452,6 +452,15 @@
 					}
 				}
 			},
+			"core/separator": {
+				"border": {
+					"color": "currentColor",
+					"radius": "0",
+					"style": "solid",
+					"width": "1px 0 0"
+				},
+				"css": ":not(.is-style-wide):not(.is-style-dots) {width: 100px;}"
+			},
 			"core/site-title": {
 				"elements": {
 					"link": {