fix for moving background image on hover

bfintal@gmail.com · bfintal@gmail.com · commit aa3eaea61cc1 · 2025-03-25T16:03:12.000+08:00
diff --git a/src/styles/block-design-system-blocks.scss b/src/styles/block-design-system-blocks.scss
@@ -204,7 +204,7 @@ body:not(.wp-admin) .stk-block-columns:has(> .stk-block-content > .stk-block-col
 
 // Block Background
 .stk-block-background {
-	background: cssvar(block-background-color);
+	background: cssvar(block-background-color) center center;
 	border-radius: cssvar(block-background-border-radius);
 	box-shadow: cssvar(block-background-box-shadow);
 	&:not(.stk--no-padding) {
@@ -214,7 +214,7 @@ body:not(.wp-admin) .stk-block-columns:has(> .stk-block-content > .stk-block-col
 		}
 	}
 	&:hover {
-		background: var(--stk-block-background-color-hover, cssvar(block-background-color));
+		background: var(--stk-block-background-color-hover, cssvar(block-background-color)) center center;
 	}
 }
 
diff --git a/src/styles/editor-block-design-system.scss b/src/styles/editor-block-design-system.scss
@@ -163,7 +163,7 @@ div.stk-block > :is(h1,h2,h3,h4,h5,h6) {
 [data-type^="stackable/"] .stk--is-hovered.stk-block-background {
 	border-width: cssvar(block-background-border-width-hover);
 	box-shadow: cssvar(block-background-box-shadow-hover);
-	background: var(--stk-block-background-color-hover, cssvar(block-background-color));
+	background: var(--stk-block-background-color-hover, cssvar(block-background-color)) center center;
 }
 
 // Images

Original file line number	Diff line number	Diff line change
`@@ -204,7 +204,7 @@ body:not(.wp-admin) .stk-block-columns:has(> .stk-block-content > .stk-block-col`
`204`	`204`
`205`	`205`	`// Block Background`
`206`	`206`	`.stk-block-background {`
`207`		`- background: cssvar(block-background-color);`
	`207`	`+ background: cssvar(block-background-color) center center;`
`208`	`208`	`border-radius: cssvar(block-background-border-radius);`
`209`	`209`	`box-shadow: cssvar(block-background-box-shadow);`
`210`	`210`	`&:not(.stk--no-padding) {`
`@@ -214,7 +214,7 @@ body:not(.wp-admin) .stk-block-columns:has(> .stk-block-content > .stk-block-col`
`214`	`214`	`}`
`215`	`215`	`}`
`216`	`216`	`&:hover {`
`217`		`- background: var(--stk-block-background-color-hover, cssvar(block-background-color));`
	`217`	`+ background: var(--stk-block-background-color-hover, cssvar(block-background-color)) center center;`
`218`	`218`	`}`
`219`	`219`	`}`
`220`	`220`
Original file line number	Diff line number	Diff line change
`@@ -163,7 +163,7 @@ div.stk-block > :is(h1,h2,h3,h4,h5,h6) {`
`163`	`163`	`[data-type^="stackable/"] .stk--is-hovered.stk-block-background {`
`164`	`164`	`border-width: cssvar(block-background-border-width-hover);`
`165`	`165`	`box-shadow: cssvar(block-background-box-shadow-hover);`
`166`		`- background: var(--stk-block-background-color-hover, cssvar(block-background-color));`
	`166`	`+ background: var(--stk-block-background-color-hover, cssvar(block-background-color)) center center;`
`167`	`167`	`}`
`168`	`168`
`169`	`169`	`// Images`