Merge pull request #1249 from Automattic/update/removebutton-outline

RemoveButton: Remove focus borders inherited from Button component
Automattic · Dec 4, 2015 · 1c9b2e7 · 1c9b2e7
2 parents eec1381 + b538e02
commit 1c9b2e7
Showing 1 changed file with 2 additions and 17 deletions.
diff --git a/client/components/remove-button/style.scss b/client/components/remove-button/style.scss
@@ -26,7 +26,7 @@
 		color: $gray-dark;
 	}
 	&:active {
-		border-width: 2px 1px 1px;
+		border-width: 0px;
 	}
 	&:visited {
 		color: $gray-dark;
@@ -38,13 +38,9 @@
 		cursor: default;
 
 		&:active {
-			border-width: 1px 1px 2px;
+			border-width: 0;
 		}
 	}
-	&:focus {
-		border-color: $blue-medium;
-		box-shadow: 0 0 0 2px $blue-light;
-	}
 	&.hidden {
 		display: none;
 	}
@@ -83,13 +79,6 @@
 	&[disabled] {
 		color: lighten( $alert-red, 30% );
 	}
-	&:hover,
-	&:focus {
-		border-color: $alert-red;
-	}
-	&:focus {
-		box-shadow: 0 0 0 2px lighten( $alert-red, 20% );
-	}
 }
 
 .button.is-primary.is-scary,
@@ -98,10 +87,6 @@
 	border-color: darken( $alert-red, 20% );
 	color: $white;
 
-	&:hover,
-	&:focus {
-		border-color: darken( $alert-red, 30% );
-	}
 	&[disabled] {
 		background: lighten( $alert-red, 20% );
 		border-color: tint( $alert-red, 30% );