WordPress.org

Make WordPress Core


Ignore:
Timestamp:
10/07/2019 06:45:45 PM (6 weeks 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:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/colors/_admin.scss

    r46344 r46423  
    2929#post-body .misc-pub-revisions:before,
    3030span.wp-media-buttons-icon:before {
    31     color: $link-focus;
     31    color: currentColor;
    3232}
    3333
     
    100100    }
    101101
     102    .button:active {
     103        background: darken( $button-color, 5% );
     104        border-color: darken( $button-color, 5% );
     105    }
     106
     107    .button.active,
     108    .button.active:focus,
     109    .button.active:hover {
     110        border-color: darken( $button-color, 5% );
     111        color: darken( $button-color, 5% );
     112        box-shadow: inset 0 2px 5px -3px darken( $button-color, 5% );
     113    }
     114
    102115    .button-primary {
    103116        @include button( $button-color );
Note: See TracChangeset for help on using the changeset viewer.