add image filter hover on parent-hover

kaeizen · kaeizen · commit a36a1acab20d · 2025-03-31T19:27:48.000+08:00
diff --git a/src/styles/block-design-system-blocks.scss b/src/styles/block-design-system-blocks.scss
@@ -226,6 +226,9 @@ body:not(.wp-admin) .stk-block-columns:has(> .stk-block-content > .stk-block-col
 	}
 	:where(.stk-hover-parent:hover) .stk-img-wrapper {
 		filter: drop-shadow(var(--stk-image-drop-shadow-parent-hover, cssvar(image-drop-shadow)));
+		&:hover {
+			filter: drop-shadow(var(--stk-image-drop-shadow-hover, var(--stk-image-drop-shadow-parent-hover, cssvar(image-drop-shadow))));
+		}
 	}
 
 	// Icons

Original file line number	Diff line number	Diff line change
`@@ -226,6 +226,9 @@ body:not(.wp-admin) .stk-block-columns:has(> .stk-block-content > .stk-block-col`
`226`	`226`	`}`
`227`	`227`	`:where(.stk-hover-parent:hover) .stk-img-wrapper {`
`228`	`228`	`filter: drop-shadow(var(--stk-image-drop-shadow-parent-hover, cssvar(image-drop-shadow)));`
	`229`	`+ &:hover {`
	`230`	`+ filter: drop-shadow(var(--stk-image-drop-shadow-hover, var(--stk-image-drop-shadow-parent-hover, cssvar(image-drop-shadow))));`
	`231`	`+ }`
`229`	`232`	`}`
`230`	`233`
`231`	`234`	`// Icons`