Bladeren bron

Fix button colors for buttons inside of groups.

Kjell Reigstad 4 jaren geleden
bovenliggende
commit
5db70d5a80

+ 4 - 0
seedlet/assets/sass/blocks/button/_style.scss

@@ -39,6 +39,10 @@ input[type="submit"],
 			&.has-focus {
 				color: var(--button--color-background-hover);
 			}
+
+			&.has-text-color {
+				color: inherit;
+			}
 		}
 	}
 

+ 1 - 1
seedlet/assets/sass/blocks/utilities/_style.scss

@@ -180,7 +180,7 @@
 
 // Gutenberg background-color options
 .has-background {
-	&:not(.has-background-background-color) a:not(.has-text-color),
+	&:not(.has-background-background-color) a:not(.has-text-color):not(.wp-block-button__link),
 	p, h1, h2, h3, h4, h5, h6 {
 		color: currentColor;
 	}

+ 6 - 1
seedlet/style-rtl.css

@@ -1265,6 +1265,11 @@ object {
 	color: var(--button--color-background-hover);
 }
 
+.wp-block-button.is-style-outline.wp-block-button__link.has-text-color,
+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color {
+	color: inherit;
+}
+
 .wp-block-button.is-style-squared .wp-block-button__link {
 	border-radius: 0;
 }
@@ -2606,7 +2611,7 @@ pre.wp-block-verse {
 	color: var(--global--color-black);
 }
 
-.has-background:not(.has-background-background-color) a:not(.has-text-color),
+.has-background:not(.has-background-background-color) a:not(.has-text-color):not(.wp-block-button__link),
 .has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 {
 	color: currentColor;
 }

+ 6 - 1
seedlet/style.css

@@ -1265,6 +1265,11 @@ object {
 	color: var(--button--color-background-hover);
 }
 
+.wp-block-button.is-style-outline.wp-block-button__link.has-text-color,
+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color {
+	color: inherit;
+}
+
 .wp-block-button.is-style-squared .wp-block-button__link {
 	border-radius: 0;
 }
@@ -2615,7 +2620,7 @@ pre.wp-block-verse {
 	color: var(--global--color-black);
 }
 
-.has-background:not(.has-background-background-color) a:not(.has-text-color),
+.has-background:not(.has-background-background-color) a:not(.has-text-color):not(.wp-block-button__link),
 .has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 {
 	color: currentColor;
 }