Browse Source

exception for outlined buttons with a background

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

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

@@ -33,14 +33,17 @@ input[type="submit"] {
 
 		&.wp-block-button__link,
 		.wp-block-button__link {
-			background: transparent;
 			border: var(--button--border-width) solid currentcolor;
 			padding: var(--button--padding-vertical) var(--button--padding-horizontal);
 
+			&:not(.has-background) {
+				background: transparent;
+			}
+
 			&:not(.has-text-color) {
 				color: var(--button--color-background);
 			}
-			
+
 			&:not(.has-text-color),
 			&.has-secondary-color{
 

+ 5 - 1
seedlet/style-rtl.css

@@ -1282,11 +1282,15 @@ object {
 
 .wp-block-button.is-style-outline.wp-block-button__link,
 .wp-block-button.is-style-outline .wp-block-button__link {
-	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-background),
+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {
+	background: transparent;
+}
+
 .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);

+ 5 - 1
seedlet/style.css

@@ -1282,11 +1282,15 @@ object {
 
 .wp-block-button.is-style-outline.wp-block-button__link,
 .wp-block-button.is-style-outline .wp-block-button__link {
-	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-background),
+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {
+	background: transparent;
+}
+
 .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);