Add isScary prop to button.

WordPress · Jun 20, 2018 · 20f5489 · 20f5489
1 parent 253a530
commit 20f5489
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/components/button/index.js b/components/button/index.js
@@ -24,6 +24,7 @@ export function Button( props, ref ) {
 		isBusy,
 		isDefault,
 		isLink,
+		isScary,
 		className,
 		disabled,
 		focus,
@@ -39,6 +40,7 @@ export function Button( props, ref ) {
 		'is-toggled': isToggled,
 		'is-busy': isBusy,
 		'is-link': isLink,
+		'is-scary': isScary,
 	} );
 
 	const tag = href !== undefined && ! disabled ? 'a' : 'button';

diff --git a/components/button/style.scss b/components/button/style.scss
@@ -145,6 +145,11 @@
 		}
 	}
 
+	/* Buttons that look scary */
+	&.is-link.is-scary {
+		color: $alert-red;
+	}
+
 	&:active {
 		color: currentColor;
 	}

diff --git a/editor/components/post-featured-image/index.js b/editor/components/post-featured-image/index.js
@@ -78,7 +78,7 @@ function PostFeaturedImage( { featuredImageId, onUpdateImage, onRemoveImage, med
 					</div>
 				}
 				{ !! featuredImageId &&
-					<Button onClick={ onRemoveImage } isDefault isLarge>
+					<Button onClick={ onRemoveImage } isLink isScary>
 						{ postLabel.remove_featured_image || DEFAULT_REMOVE_FEATURE_IMAGE_LABEL }
 					</Button>
 				}