Browse Source

add hover color when the button is the default + outline

Maggie Cabrera 4 years ago
parent
commit
47e5a621c2
3 changed files with 14 additions and 5 deletions
  1. 2 1
      seedlet/assets/sass/blocks/button/_style.scss
  2. 6 2
      seedlet/style-rtl.css
  3. 6 2
      seedlet/style.css

+ 2 - 1
seedlet/assets/sass/blocks/button/_style.scss

@@ -40,7 +40,8 @@ input[type="submit"] {
 			&:not(.has-text-color) {
 				color: var(--button--color-background);
 			}
-
+			
+			&:not(.has-text-color),
 			&.has-secondary-color{
 
 				&:active {

+ 6 - 2
seedlet/style-rtl.css

@@ -1292,12 +1292,16 @@ object {
 	color: var(--button--color-background);
 }
 
-.wp-block-button.is-style-outline.wp-block-button__link.has-secondary-color:active,
+.wp-block-button.is-style-outline.wp-block-button__link:not(.has-text-color):active, .wp-block-button.is-style-outline.wp-block-button__link.has-secondary-color:active,
+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):active,
 .wp-block-button.is-style-outline .wp-block-button__link.has-secondary-color:active {
 	color: var(--button--color-background);
 }
 
-.wp-block-button.is-style-outline.wp-block-button__link.has-secondary-color:hover, .wp-block-button.is-style-outline.wp-block-button__link.has-secondary-color:focus, .wp-block-button.is-style-outline.wp-block-button__link.has-secondary-color.has-focus,
+.wp-block-button.is-style-outline.wp-block-button__link:not(.has-text-color):hover, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-text-color):focus, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-text-color).has-focus, .wp-block-button.is-style-outline.wp-block-button__link.has-secondary-color:hover, .wp-block-button.is-style-outline.wp-block-button__link.has-secondary-color:focus, .wp-block-button.is-style-outline.wp-block-button__link.has-secondary-color.has-focus,
+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):hover,
+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):focus,
+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-focus,
 .wp-block-button.is-style-outline .wp-block-button__link.has-secondary-color:hover,
 .wp-block-button.is-style-outline .wp-block-button__link.has-secondary-color:focus,
 .wp-block-button.is-style-outline .wp-block-button__link.has-secondary-color.has-focus {

+ 6 - 2
seedlet/style.css

@@ -1292,12 +1292,16 @@ object {
 	color: var(--button--color-background);
 }
 
-.wp-block-button.is-style-outline.wp-block-button__link.has-secondary-color:active,
+.wp-block-button.is-style-outline.wp-block-button__link:not(.has-text-color):active, .wp-block-button.is-style-outline.wp-block-button__link.has-secondary-color:active,
+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):active,
 .wp-block-button.is-style-outline .wp-block-button__link.has-secondary-color:active {
 	color: var(--button--color-background);
 }
 
-.wp-block-button.is-style-outline.wp-block-button__link.has-secondary-color:hover, .wp-block-button.is-style-outline.wp-block-button__link.has-secondary-color:focus, .wp-block-button.is-style-outline.wp-block-button__link.has-secondary-color.has-focus,
+.wp-block-button.is-style-outline.wp-block-button__link:not(.has-text-color):hover, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-text-color):focus, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-text-color).has-focus, .wp-block-button.is-style-outline.wp-block-button__link.has-secondary-color:hover, .wp-block-button.is-style-outline.wp-block-button__link.has-secondary-color:focus, .wp-block-button.is-style-outline.wp-block-button__link.has-secondary-color.has-focus,
+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):hover,
+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):focus,
+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-focus,
 .wp-block-button.is-style-outline .wp-block-button__link.has-secondary-color:hover,
 .wp-block-button.is-style-outline .wp-block-button__link.has-secondary-color:focus,
 .wp-block-button.is-style-outline .wp-block-button__link.has-secondary-color.has-focus {