Changeset 46423 for trunk/src/wp-admin/css/colors/_admin.scss

Timestamp:

10/07/2019 06:45:45 PM (7 years ago)

Author:

afercia

Message:

Accessibility: Improve and modernize user interface controls: Improve the buttons active CSS class.

• improves the buttons .active CSS class for buttons that need to be styled as "pressed"
• update the alternate color schemes .active CSS class accordingly
• improves a few icons colors in the alternate color schemes

See #34904.

File:

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

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

@@ -29 +29 @@
 #post-body .misc-pub-revisions:before,
 span.wp-media-buttons-icon:before {
-    color: $link-focus;
+    color: currentColor;
 }
 
@@ -100 +100 @@
     }
 
+    .button:active {
+        background: darken( $button-color, 5% );
+        border-color: darken( $button-color, 5% );
+    }
+
+    .button.active,
+    .button.active:focus,
+    .button.active:hover {
+        border-color: darken( $button-color, 5% );
+        color: darken( $button-color, 5% );
+        box-shadow: inset 0 2px 5px -3px darken( $button-color, 5% );
+    }
+
     .button-primary {
         @include button( $button-color );