Changeset 29616 for trunk/src/wp-admin/css/colors/_mixins.scss

Timestamp:

08/26/2014 05:16:14 AM (11 years ago)

Author:

helen

Message:

Focus styling: bring the blue glow to more places.

Handles color picker, theme browser, help/screen options, TinyMCE dialog buttons, jQuery UI dialog buttons, and buttons in color schemes.

props avryl, celloexpressions. fixes #28267.

File:

• trunk/src/wp-admin/css/colors/_mixins.scss (modified) (2 diffs)

trunk/src/wp-admin/css/colors/_mixins.scss

@@ -14 +14 @@
         border-color: darken( $button-color, 15% );
         color: $text-color;
-        box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), 0 1px 0 rgba(0,0,0,.15);
+        box-shadow: inset 0 1px 0 lighten( $button-color, 10% ),
+    }
+
+    &:focus {
+        box-shadow: inset 0 1px 0 lighten( $button-color, 10% ),
+                    0 0 0 1px #5b9dd9,
+                    0 0 2px 1px rgba( 30, 140, 190, .8 );
     }
 
@@ -21 +27 @@
         border-color: darken( $button-color, 15% );
         color: $text-color;
-        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
+        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ),
+                    0 0 0 1px #5b9dd9,
+                    0 0 2px 1px rgba( 30, 140, 190, .8 );
     }