Add list block style for long items (#72)

WordPress · Feb 2, 2023 · cf6ca2b · cf6ca2b
1 parent 2b7ee51
commit cf6ca2b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/source/wp-content/themes/wporg-parent-2021/inc/block-styles.php b/source/wp-content/themes/wporg-parent-2021/inc/block-styles.php
@@ -140,6 +140,15 @@ function setup_block_styles() {
 		)
 	);
 
+	register_block_style(
+		'core/list',
+		array(
+			'name'         => 'list-long-items',
+			'label'        => __( 'Long items', 'wporg' ),
+			'style_handle' => STYLE_HANDLE,
+		)
+	);
+
 	register_block_style(
 		'core/navigation',
 		array(

diff --git a/source/wp-content/themes/wporg-parent-2021/sass/block-styles.scss b/source/wp-content/themes/wporg-parent-2021/sass/block-styles.scss
@@ -585,3 +585,7 @@
 		padding: var(--wp--preset--spacing--10) !important;
 	}
 }
+
+.is-style-list-long-items > li {
+	margin-bottom: var(--wp--preset--spacing--20);
+}