WordPress.org

Make WordPress Core

Ticket #28267: 28267.primary-button-colorschemes.diff

File 28267.primary-button-colorschemes.diff, 1.0 KB (added by celloexpressions, 6 years ago)

Add the non-color-scheme-keyed outer focus box-shadow to the color-scheme-keyed inset box shadow to preserve focus styling for primary buttons.

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

     
    1313                background: darken( $button-color, 5% );
    1414                border-color: darken( $button-color, 15% );
    1515                color: $text-color;
    16                 box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), 0 1px 0 rgba(0,0,0,.15);
     16                box-shadow: inset 0 1px 0 lighten( $button-color, 10% ),
    1717        }
    1818
     19        &:focus {
     20                box-shadow: inset 0 1px 0 lighten( $button-color, 10% ),
     21                            0 0 0 1px #5b9dd9,
     22                            0 0 2px 1px rgba( 30, 140, 190, .8 );
     23        }
     24
    1925        &:active {
    2026                background: darken( $button-color, 10% );
    2127                border-color: darken( $button-color, 15% );
    2228                color: $text-color;
    23                 box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     29                box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ),
     30                            0 0 0 1px #5b9dd9,
     31                            0 0 2px 1px rgba( 30, 140, 190, .8 );
    2432        }
    2533
    2634        &[disabled],