feat: 🎨 Add block styles for RSS block (list and home page block) Fixes

#135 (#143) Pulled down. Built. Works!
ucsc · Sep 29, 2022 · de1809d · de1809d
1 parent d59e7ef
commit de1809d
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/wp-blocks/rss.css b/wp-blocks/rss.css
@@ -10,14 +10,26 @@
 	margin-bottom: var(--wp--custom--spacing--medium);
 }
 
+.is-style-ucsc-rss-list .wp-block-rss__item {
+	margin-bottom: var(--wp--custom--spacing--small);
+}
+
 .wp-block-rss__item-title {
 	font-size: var(--wp--preset--font-size--medium);
 	font-weight: 400;
-	margin-bottom: var(--wp--custom--spacing--small);
+	margin-bottom: 0.5em;
 	line-height: var(--wp--custom--line-height--small);
 	order: 1;
 }
 
+.is-style-ucsc-rss-list .wp-block-rss__item-title {
+	font-size: var(--wp--preset--font-size--base);
+}
+
+.is-style-ucsc-rss-block .wp-block-rss__item-title {
+	font-size: var(--wp--preset--font-size--medium);
+}
+
 .wp-block-rss__item-title a {
 	text-decoration: none;
 	color: var(--wp--custom--color--link);

diff --git a/wp-blocks/styles.js b/wp-blocks/styles.js
@@ -44,4 +44,17 @@ wp.domReady(() => {
 	// Styles for core/image
 	wp.blocks.unregisterBlockStyle('core/image', 'default');
 	wp.blocks.unregisterBlockStyle('core/image', 'rounded');
+
+	// Styles for core/rss
+	wp.blocks.registerBlockStyle('core/rss', {
+		name: 'ucsc-rss-block',
+		label: 'Home Block',
+		style_handle: 'ucsc-rss',
+	});
+	wp.blocks.registerBlockStyle('core/rss', {
+		name: 'ucsc-rss-list',
+		label: 'Simple List',
+		isDefault: true,
+		style_handle: 'ucsc-rss',
+	});
 });