add hover effect style variation to term theme

WordPress · Sep 6, 2024 · 785ec4f · 785ec4f
1 parent 7ce67e3
commit 785ec4f
Show file tree

Hide file tree

Showing 4 changed files with 72 additions and 36 deletions.
diff --git a/term/functions.php b/term/functions.php
@@ -34,6 +34,29 @@ function term_block_styles() {
 				}',
 			)
 		);
+
+		register_block_style(
+			'core/group',
+			array(
+				'name' => 'hover-effect',
+				'label' => __( 'Hover effect', 'term'),
+				'inline_style' => '
+				.is-style-hover-effect {
+					background-color: #EDECE8;
+				}
+				.is-style-hover-effect:hover {
+					background-color: #131B1E;
+				}
+				.is-style-hover-effect:hover a,
+				.is-style-hover-effect:hover p {
+					color: #EDECE8;
+				}
+				.is-style-hover-effect:hover {
+					transition: all 0.2s ease-in-out;
+				}',
+			)
+		);
+
 	}
 endif;
 

diff --git a/term/style.css b/term/style.css
@@ -13,4 +13,3 @@ License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: term
 Tags: blog, photography, portfolio, grid-layout, one-column, block-patterns, block-styles, full-site-editing, threaded-comments, 
 */
-
Original file line number	Diff line number	Diff line change
Expand Up		@@ -13,4 +13,3 @@ License URI: http://www.gnu.org/licenses/gpl-2.0.html
		Text Domain: term
		Tags: blog, photography, portfolio, grid-layout, one-column, block-patterns, block-styles, full-site-editing, threaded-comments,
		*/