[#102] Removing parent wp-block class from button css

vigetlabs · Jun 14, 2024 · b06e18f · b06e18f
1 parent 0847df9
commit b06e18f
Showing 1 changed file with 16 additions and 19 deletions.
diff --git a/wp-content/themes/wp-starter/src/styles/core-blocks/buttons.css b/wp-content/themes/wp-starter/src/styles/core-blocks/buttons.css
@@ -1,29 +1,26 @@
 @layer components {
-	.wp-block,
-	.acf-block {
-		.wp-block-button {
+	.wp-block-button {
+		.wp-block-button__link {
+			@apply btn-contained;
+		}
+
+		&.is-style-outline {
 			.wp-block-button__link {
-				@apply btn-contained;
+				@apply btn-outlined;
 			}
+		}
+	}
 
-			&.is-style-outline {
-				.wp-block-button__link {
-					@apply btn-outlined;
-				}
+	/* Light versions for dark mode*/
+	&[class*='has-dark'] {
+		.wp-block-button {
+			.wp-block-button__link {
+				@apply btn-contained-light;
 			}
-		}
 
-		/* Light versions for dark mode*/
-		&[class*='has-dark'] {
-			.wp-block-button {
+			&.is-style-outline {
 				.wp-block-button__link {
-					@apply btn-contained-light;
-				}
-
-				&.is-style-outline {
-					.wp-block-button__link {
-						@apply btn-outlined-light;
-					}
+					@apply btn-outlined-light;
 				}
 			}
 		}