WordPress.org

Make WordPress Core

Ticket #27173: 27173.5.diff

File 27173.5.diff, 1.3 KB (added by celloexpressions, 7 years ago)

Bounce the border color on focus (but not un-focus), remove redundant rule.

  • wp-admin/css/forms.css

     
    3535        box-sizing: border-box;
    3636        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    3737        box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
     38        transition: .5s border cubic-bezier( 0.25, 1.0 , 0.5, 1.0 ); /* Do not bounce when fading out of focus, and use this function for browsers that do not allow "bouncing." */
    3839}
    3940
    4041input[type="radio"]:checked + label:before {
     
    214215        box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
    215216        background-color: #fff;
    216217        color: #333;
     218        transition: .5s border cubic-bezier( 0.25, 1.0 , 0.5, 1.0 ); /* Do not bounce when fading out of focus, and use this function for browsers that do not allow "bouncing." */
    217219}
    218220
    219221select[disabled] {
     
    220222        color: #7f7f7f;
    221223}
    222224
    223 select:focus {
    224         border-color: #aaa;
    225 }
    226 
    227225textarea:focus,
    228226input[type="text"]:focus,
    229227input[type="password"]:focus,
     
    238236        border-color: #999;
    239237        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    240238        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
     239        transition: .5s border cubic-bezier( 0.2, 2.5, 0.75, 2.5 ); /* Use timing-function values larger than 1 to achieve "bounce" effect. */
    241240}
    242241
    243242input[readonly] {