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

vigetlabs · Jun 17, 2024 · 3a7d918 · 3a7d918
1 parent 0847df9
commit 3a7d918
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 20 deletions.
diff --git a/wp-content/themes/wp-starter/plugins-tailwind/buttons.js b/wp-content/themes/wp-starter/plugins-tailwind/buttons.js
@@ -29,7 +29,7 @@ module.exports = plugin.withOptions(function (options = {}) {
 				...base,
 				[`@apply
 				bg-${accentColor}-700 text-white
-				hover:bg-${accentColor}-700
+				hover:bg-${accentColor}-800
 				active:bg-${accentColor}-800
 				focus-visible:bg-${accentColor}-700 focus-visible:ring-${accentColor}-600/50`]: {},
 			},

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;
 				}
 			}
 		}