Browse Source

Fix outline text & border color.

Kjell Reigstad 4 years ago
parent
commit
1c0148333d
3 changed files with 14 additions and 17 deletions
  1. 4 5
      seedlet/assets/sass/blocks/button/_style.scss
  2. 5 6
      seedlet/style-rtl.css
  3. 5 6
      seedlet/style.css

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

@@ -25,11 +25,14 @@ input[type="submit"],
 
 		&.wp-block-button__link,
 		.wp-block-button__link {
-			color: var(--button--color-background);
 			background: transparent;
 			border: var(--button--border-width) solid currentcolor;
 			padding: var(--button--padding-vertical) var(--button--padding-horizontal);
 
+			&:not(.has-text-color) {
+				color: var(--button--color-background);
+			}
+
 			&:active {
 				color: var(--button--color-background);
 			}
@@ -39,10 +42,6 @@ input[type="submit"],
 			&.has-focus {
 				color: var(--button--color-background-hover);
 			}
-
-			&.has-text-color {
-				color: inherit;
-			}
 		}
 	}
 

+ 5 - 6
seedlet/style-rtl.css

@@ -1247,12 +1247,16 @@ object {
 
 .wp-block-button.is-style-outline.wp-block-button__link,
 .wp-block-button.is-style-outline .wp-block-button__link {
-	color: var(--button--color-background);
 	background: transparent;
 	border: var(--button--border-width) solid currentcolor;
 	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
 }
 
+.wp-block-button.is-style-outline.wp-block-button__link:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
+	color: var(--button--color-background);
+}
+
 .wp-block-button.is-style-outline.wp-block-button__link:active,
 .wp-block-button.is-style-outline .wp-block-button__link:active {
 	color: var(--button--color-background);
@@ -1265,11 +1269,6 @@ 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;
 }

+ 5 - 6
seedlet/style.css

@@ -1247,12 +1247,16 @@ object {
 
 .wp-block-button.is-style-outline.wp-block-button__link,
 .wp-block-button.is-style-outline .wp-block-button__link {
-	color: var(--button--color-background);
 	background: transparent;
 	border: var(--button--border-width) solid currentcolor;
 	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
 }
 
+.wp-block-button.is-style-outline.wp-block-button__link:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
+	color: var(--button--color-background);
+}
+
 .wp-block-button.is-style-outline.wp-block-button__link:active,
 .wp-block-button.is-style-outline .wp-block-button__link:active {
 	color: var(--button--color-background);
@@ -1265,11 +1269,6 @@ 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;
 }