feat(Blocks): ✨ Add intro text paragraph style

ucsc · Feb 27, 2023 · 3da48d5 · 3da48d5
1 parent d3bf182
commit 3da48d5
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 41 deletions.
diff --git a/functions.php b/functions.php
@@ -34,7 +34,7 @@ function ucsc_setup() {
 		/*
 		* Load additional block styles.
 		*/
-		$styled_blocks = array( 'button', 'post-template', 'post-author', 'site-title', 'query-pagination', 'post-content', 'rss', 'post-title', 'post-comments', 'navigation', 'list', 'separator', 'latest-posts', 'quote', 'image', 'search', 'group' );
+		$styled_blocks = array( 'button', 'post-template', 'post-author', 'site-title', 'query-pagination', 'post-content', 'rss', 'post-title', 'post-comments', 'navigation', 'list', 'separator', 'latest-posts', 'quote', 'image', 'search', 'paragraph' );
 		foreach ( $styled_blocks as $block_name ) {
 			$args = array(
 				'handle' => "ucsc-$block_name",

diff --git a/wp-blocks/group.css b/wp-blocks/group.css
diff --git a/wp-blocks/paragraph.css b/wp-blocks/paragraph.css
@@ -0,0 +1,11 @@
+.is-style-ucsc-intro-text {
+	margin-top: 0;
+	margin-right: 0;
+	margin-bottom: var(--wp--preset--spacing--30);
+	margin-left: 0;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 1.4;
+	font-size: var(--wp--preset--font-size--three);
+	color: var(--wp--preset--color--ucsc-rubine-red);
+}
diff --git a/wp-blocks/styles.js b/wp-blocks/styles.js
@@ -3,10 +3,10 @@
  */
 wp.domReady(() => {
 	// Styles for core/group
-	wp.blocks.registerBlockStyle('core/group', {
-		name: 'ucsc-waveform',
-		label: 'Waveform',
-		style_handle: 'ucsc-group',
+	wp.blocks.registerBlockStyle('core/paragraph', {
+		name: 'ucsc-intro-text',
+		label: 'Intro text',
+		style_handle: 'ucsc-paragraph',
 	});
 	// Styles for core/list
 	wp.blocks.registerBlockStyle('core/list', {