Add list style marker options for list block. Fixes #304

ucsc · Apr 11, 2024 · e2e0f18 · e2e0f18
1 parent 5bd477c
commit e2e0f18
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 8 deletions.
diff --git a/wp-blocks/list.css b/wp-blocks/list.css
@@ -29,16 +29,20 @@
 	border-bottom: none;
 }
 
-.site-content ul li,
-.site-content ol li {
-	margin: calc(var(--wp--style--block-gap) / 2) 0;
-	line-height: var(--wp--custom--line-height--baseline);
-}
-
-.is-style-ucsc-upper-alpha-list {
+.is-style-ucsc-upper-alpha-list > li {
 	list-style-type: upper-alpha;
 }
 
-.is-style-ucsc-lower-alpha-list {
+.is-style-ucsc-lower-alpha-list > li {
 	list-style-type: lower-alpha;
 }
+
+.is-style-ucsc-lower-roman-list > li {
+	list-style-type: lower-roman;
+}
+
+.site-content ul li,
+.site-content ol li {
+	margin: calc(var(--wp--style--block-gap) / 2) 0;
+	line-height: var(--wp--custom--line-height--baseline);
+}
diff --git a/wp-blocks/styles.js b/wp-blocks/styles.js
@@ -24,6 +24,11 @@ wp.domReady( () => {
 		label: 'Lower alpha',
 		style_handle: 'ucsc-list',
 	} );
+	wp.blocks.registerBlockStyle( 'core/list', {
+		name: 'ucsc-lower-roman-list',
+		label: 'Lower roman',
+		style_handle: 'ucsc-list',
+	} );
 	// Styles for core/button
 	wp.blocks.registerBlockStyle( 'core/button', {
 		name: 'ucsc-blue',