add hover on parent-hover

Author: kaeizen

src/styles/block-design-system-blocks.scss

@@ -162,6 +162,11 @@ body:not(.wp-admin) .stk-block-columns:has(> .stk-block-content > .stk-block-col
 	:where(.stk-hover-parent:hover) .stk-container:not(.stk--no-background) {
 		border-width: var(--stk-container-border-width-parent-hover, cssvar(container-border-width));
 		box-shadow: var(--stk-container-box-shadow-parent-hover, cssvar(container-box-shadow));
+
+		&:hover {
+			border-width: var(--stk-container-border-width-hover, var(--stk-container-border-width-parent-hover, cssvar(container-border-width)));
+			box-shadow: var(--stk-container-box-shadow-hover, var(--stk-container-box-shadow-parent-hover, cssvar(container-box-shadow)));
+		}
 	}
 	// .stk-container-padding {
 	// &:hover {
@@ -198,6 +203,10 @@ body:not(.wp-admin) .stk-block-columns:has(> .stk-block-content > .stk-block-col
 	:where(.stk-hover-parent:hover) .stk-block.stk-block-background {
 		border-width: var(--stk-block-background-border-width-parent-hover, cssvar(block-background-border-width));
 		box-shadow: var(--stk-block-background-box-shadow-parent-hover, cssvar(block-background-box-shadow));
+		&:hover {
+			border-width: var(--stk-block-background-border-width-hover, var(--stk-block-background-border-width-parent-hover, cssvar(block-background-border-width)));
+			box-shadow: var(--stk-block-background-box-shadow-hover, var(--stk-block-background-box-shadow-parent-hover, cssvar(block-background-box-shadow)));
+		}
 		// &:not(.stk--no-padding) {
 		// 	padding: cssvar(block-background-padding-parent-hover);
 		// }
@@ -244,7 +253,7 @@ body:not(.wp-admin) .stk-block-columns:has(> .stk-block-content > .stk-block-col
 					box-shadow: cssvar(button-box-shadow);
 				}
 				&:hover::before {
-					box-shadow: cssvar(button-box-shadow-hover);
+					box-shadow: var(--stk-button-box-shadow-hover, cssvar(button-box-shadow));
 				}
 			}
 		}
@@ -254,7 +263,7 @@ body:not(.wp-admin) .stk-block-columns:has(> .stk-block-content > .stk-block-col
 				border-width: cssvar(button-border-width);
 			}
 			&:hover::before {
-				border-width: cssvar(button-border-width-hover);
+				border-width: var(--stk-button-border-width-hover, cssvar(button-border-width));
 			}
 		}
 
@@ -277,14 +286,25 @@ body:not(.wp-admin) .stk-block-columns:has(> .stk-block-content > .stk-block-col
 	}
 
 	:where(.stk-hover-parent:hover) .stk-block:is(.stk-block-button, .stk-block-icon-button, .stk-block-pagination) {
-		&:not(.is-style-link, .is-style-ghost) .stk-button::before {
-			border-width: var(--stk-button-border-width-parent-hover, cssvar(button-border-width));
-			box-shadow: var(--stk-button-box-shadow-parent-hover, cssvar(button-box-shadow));
-
+		&:not(.is-style-link, .is-style-ghost) .stk-button {
+			&::before {
+				border-width: var(--stk-button-border-width-parent-hover, cssvar(button-border-width));
+				box-shadow: var(--stk-button-box-shadow-parent-hover, cssvar(button-box-shadow));
+			}
+			&:hover::before {
+				border-width: var(--stk-button-border-width-hover, var(--stk-button-border-width-parent-hover, cssvar(button-border-width)));
+				box-shadow: var(--stk-button-box-shadow-hover, var(--stk-button-box-shadow-parent-hover, cssvar(button-box-shadow)));
+			}
 		}
-		&.is-style-ghost .stk-button::before {
-			border-width: var(--stk-button-ghost-border-width-parent-hover, cssvar(button-ghost-border-width));
-			box-shadow: var(--stk-button-box-shadow-parent-hover, cssvar(button-box-shadow));
+		&.is-style-ghost .stk-button {
+			&::before {
+				border-width: var(--stk-button-ghost-border-width-parent-hover, cssvar(button-ghost-border-width));
+				box-shadow: var(--stk-button-box-shadow-parent-hover, cssvar(button-box-shadow));
+			}
+			&:hover::before {
+				border-width: var(--stk-button-ghost-border-width-hover, var(--stk-button-ghost-border-width-parent-hover, cssvar(button-ghost-border-width)));
+				box-shadow: var(--stk-button-box-shadow-hover, var(--stk-button-box-shadow-parent-hover, cssvar(button-box-shadow)));
+			}
 		}
 	}
 }