update version, fix styles in editor

Author: kaeizen

src/plugins/theme-block-style-inheritance/index.php

@@ -41,12 +41,12 @@ function register_block_style_inheritance() {
 		}
 
 		/**
-		 * When upgrading to v3.15.4 and above, set option to true for backward compatibility
+		 * When upgrading to v3.15.3 and above, set option to true for backward compatibility
 		 * so that for old users, existing stackable blocks won't inherit the styles from theme.json
 		 * unless they change it in the settings.
 		 */
 		function block_style_inheritance_set_default( $old_version, $new_version ) {
-			if ( ! empty( $old_version ) && version_compare( $old_version, "3.15.4", "<" ) ) {
+			if ( ! empty( $old_version ) && version_compare( $old_version, "3.15.3", "<=" ) ) {
 				if ( ! get_option( 'stackable_disable_block_style_inheritance' ) ) {
 					update_option( 'stackable_disable_block_style_inheritance', 'true' );
 				}

src/styles/editor-block-transitions.scss

@@ -1,34 +1,43 @@
+$stk-anim-selectors:
+	"[data-type^='stackable/']",
+	".stk-block",
+	".stk-container",
+	".stk-container-padding",
+	".stk-img-wrapper", // Images.
+	".stk-img-wrapper img", // Images.
+	".stk-block-heading__top-line",
+	".stk-block-heading__bottom-line",
+	".stk-block-posts__item-hide", // For posts transitions
+	".stk-block-posts__title > a", // For posts title
+	".stk-button", // Buttons
+	".stk-button__inner-text", // Button text
+	".stk-block li", // For icon list texts
+	".stk-block p",
+	".stk-block h1",
+	".stk-block h2",
+	".stk-block h3",
+	".stk-block h4",
+	".stk-block h5",
+	".stk-block h6";
+
+$stk-anim-selectors-pseudo:
+	".stk--has-background-overlay::before", // Image background overlays
+	".stk-block .stk-button::before", // For button animations
+	".stk-block .stk-button::after", // For button animations
+	".stk-img-resizer-wrapper::after", // Image block overlay.
+	".stk-img-resizer-wrapper::before", // Image block hover ovelay.
+	".stk-block li::marker", // For icon list marker
+	".stk-block-tabs__tab";  // Tabs block
+
+
 .editor-styles-wrapper {
-	:is(
-	[data-type^="stackable/"],
-	.stk-block,
-	.stk-container,
-	.stk-container-padding,
-	.stk-img-wrapper, // Images.
-	.stk-img-wrapper img, // Images.
-	.stk-block-heading__top-line,
-	.stk-block-heading__bottom-line,
-	.stk-block-posts__item-hide, // For posts transitions
-	.stk-block-posts__title > a, // For posts title
-	.stk-button, // Buttons
-	.stk-button__inner-text, // Button text
-	.stk-block li, // For icon list texts
-	.stk-block p,
-	.stk-block h1,
-	.stk-block h2,
-	.stk-block h3,
-	.stk-block h4,
-	.stk-block h5,
-	.stk-block h6),
+	:is(#{$stk-anim-selectors}),
 	// These are outside :is() since pseudo elements won't compile correctly.
-	.stk--has-background-overlay::before, // Image background overlays
-	.stk-block .stk-button::before, // For button animations
-	.stk-block .stk-button::after, // For button animations
-	.stk-img-resizer-wrapper::after, // Image block overlay.
-	.stk-img-resizer-wrapper::before, // Image block hover ovelay.
-	.stk-block li::marker, // For icon list marker
-	.stk-block-tabs__tab { // Tabs block
+	#{$stk-anim-selectors-pseudo} { // Tabs block
 		transition: all var(--stk-transition-duration, 0.12s) cubic-bezier(0.45, 0.05, 0.55, 0.95), margin 0s, flex 0s, max-width 0s, visibility 0s; // Don't include flex & max-width since column widths would animate.
+	}
+	:where(#{$stk-anim-selectors}),
+	#{$stk-anim-selectors-pseudo} {
 		border-width: 1px;
 		border-style: none;
 	}