Drop focus animation when navigating regions

WordPress · Oct 27, 2017 · 21070a4 · 21070a4
1 parent b5fc689
commit 21070a4
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 21 deletions.
diff --git a/components/higher-order/navigate-regions/style.scss b/components/higher-order/navigate-regions/style.scss
@@ -7,6 +7,6 @@
 		left: 0;
 		right: 0;
 		pointer-events: none;
-		@include focus_flash;
+		border: 4px solid $blue-medium-400;
 	}
 }
diff --git a/editor/assets/stylesheets/_animations.scss b/editor/assets/stylesheets/_animations.scss
@@ -38,23 +38,3 @@
 	50% { opacity: 1; }
 	100% { opacity: .5; }
 }
-
-
-@mixin focus_flash {
-	animation: focus_flash .4s;
-}
-
-@keyframes focus_flash {
-	0% {
-		border: 2px solid $blue-medium-400;
-	}
-	10% {
-		border: 4px solid $blue-medium-400;
-	}
-	90% {
-		border: 4px solid $blue-medium-400;
-	}
-	100% {
-		border: 2px solid $blue-medium-400;
-	}
-}
diff --git a/editor/assets/stylesheets/main.scss b/editor/assets/stylesheets/main.scss
@@ -74,6 +74,10 @@ body.gutenberg-editor-page {
 	iframe {
 		width: 100%;
 	}
+
+	.components-navigate-regions {
+		height: 100%;
+	}
 }
 
 .editor-post-title,