fix container background

kaeizen · kaeizen · commit 1d2b081fd942 · 2025-03-27T13:25:40.000+08:00
diff --git a/src/styles/block-design-system-blocks.scss b/src/styles/block-design-system-blocks.scss
@@ -163,7 +163,8 @@
 	#{ '--stk-container-padding-parent-hover' }: cssvar(container-padding-small);
 }
 .stk-container:not(.stk--no-background) {
-	background: cssvar(container-background-color);
+	background-color: cssvar(container-background-color);
+	background-image: cssvar(container-background-color);
 	border-radius: cssvar(container-border-radius);
 	border-style: cssvar(container-border-style);
 	border-width: cssvar(container-border-width);
@@ -173,7 +174,8 @@
 	&:hover {
 		border-width: cssvar(container-border-width-hover);
 		box-shadow: cssvar(container-box-shadow-hover);
-		background: var(--stk-container-background-color-hover, cssvar(container-background-color));
+		background-color: var(--stk-container-background-color-hover, cssvar(container-background-color));
+		background-image: var(--stk-container-background-color-hover, cssvar(container-background-color));
 	}
 }
 :where(.stk-hover-parent:hover) .stk-container:not(.stk--no-background) {
diff --git a/src/styles/editor-block-design-system.scss b/src/styles/editor-block-design-system.scss
@@ -140,7 +140,8 @@ div.stk-block > :is(h1,h2,h3,h4,h5,h6) {
 .stk--is-hovered .stk-container:not(.stk--no-background) {
 	box-shadow: cssvar(container-box-shadow-hover);
 	border-width: cssvar(container-border-width-hover);
-	background: var(--stk-container-background-color-hover, cssvar(container-background-color));
+	background-color: var(--stk-container-background-color-hover, cssvar(container-background-color));
+	background-image: var(--stk-container-background-color-hover, cssvar(container-background-color));
 }
 
 // Block Backgrounds

Original file line number	Diff line number	Diff line change
`@@ -163,7 +163,8 @@`
`163`	`163`	`#{ '--stk-container-padding-parent-hover' }: cssvar(container-padding-small);`
`164`	`164`	`}`
`165`	`165`	`.stk-container:not(.stk--no-background) {`
`166`		`- background: cssvar(container-background-color);`
	`166`	`+ background-color: cssvar(container-background-color);`
	`167`	`+ background-image: cssvar(container-background-color);`
`167`	`168`	`border-radius: cssvar(container-border-radius);`
`168`	`169`	`border-style: cssvar(container-border-style);`
`169`	`170`	`border-width: cssvar(container-border-width);`
`@@ -173,7 +174,8 @@`
`173`	`174`	`&:hover {`
`174`	`175`	`border-width: cssvar(container-border-width-hover);`
`175`	`176`	`box-shadow: cssvar(container-box-shadow-hover);`
`176`		`- background: var(--stk-container-background-color-hover, cssvar(container-background-color));`
	`177`	`+ background-color: var(--stk-container-background-color-hover, cssvar(container-background-color));`
	`178`	`+ background-image: var(--stk-container-background-color-hover, cssvar(container-background-color));`
`177`	`179`	`}`
`178`	`180`	`}`
`179`	`181`	`:where(.stk-hover-parent:hover) .stk-container:not(.stk--no-background) {`
Original file line number	Diff line number	Diff line change
`@@ -140,7 +140,8 @@ div.stk-block > :is(h1,h2,h3,h4,h5,h6) {`
`140`	`140`	`.stk--is-hovered .stk-container:not(.stk--no-background) {`
`141`	`141`	`box-shadow: cssvar(container-box-shadow-hover);`
`142`	`142`	`border-width: cssvar(container-border-width-hover);`
`143`		`- background: var(--stk-container-background-color-hover, cssvar(container-background-color));`
	`143`	`+ background-color: var(--stk-container-background-color-hover, cssvar(container-background-color));`
	`144`	`+ background-image: var(--stk-container-background-color-hover, cssvar(container-background-color));`
`144`	`145`	`}`
`145`	`146`
`146`	`147`	`// Block Backgrounds`