Polish focus styles further

WordPress · Jan 16, 2018 · 789f955 · 789f955
1 parent 030dec3
commit 789f955
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/editor/assets/stylesheets/_mixins.scss b/editor/assets/stylesheets/_mixins.scss
@@ -125,16 +125,16 @@ $float-margin: calc( 50% - #{ $visual-editor-max-width-padding / 2 } );
 	box-shadow: inset 0 0 0 1px $light-gray-500, inset 0 0 0 2px $white;
 }
 
-@mixin button-style__focus-active() {
+@mixin button-style__active() {
 	outline: none;
 	color: $dark-gray-900;
-	box-shadow: inset 0 0 0 1px $dark-gray-300, inset 0 0 0 2px $white;
+	box-shadow: inset 0 0 0 1px $light-gray-700, inset 0 0 0 2px $white, 0 1px 1px rgba( $dark-gray-900, .2 );
 }
 
-@mixin button-style__active() {
+@mixin button-style__focus-active() {
 	outline: none;
 	color: $dark-gray-900;
-	box-shadow: inset 0 0 0 1px $dark-gray-400, inset 0 0 0 2px $white, 0 1px 1px rgba( $dark-gray-900, .2 );
+	box-shadow: inset 0 0 0 1px $dark-gray-300, inset 0 0 0 2px $white;
 }
 
 @mixin tab-style__focus-active() {
@@ -146,7 +146,6 @@ $float-margin: calc( 50% - #{ $visual-editor-max-width-padding / 2 } );
 @mixin input-style__focus-active() {
 	outline: none;
 	color: $dark-gray-900;
-	//box-shadow: 0 0 0 1px $dark-gray-500;
 	box-shadow: 0 0 0 1px $dark-gray-300;
 }
 

diff --git a/editor/edit-post/header/style.scss b/editor/edit-post/header/style.scss
@@ -55,6 +55,7 @@
 		left: 1px;
 	}
 
+	&.is-toggled:hover,
 	&.is-toggled:focus {
 		outline: none;
 		box-shadow: 0 0 0 1px $dark-gray-500, inset 0 0 0 1px $white;