Merge "inputs.less: Change focus state"

diff --combined resources/src/mediawiki.ui/components/inputs.less
index b16570a,72e66df..1992cce
--- 1/resources/src/mediawiki.ui/components/inputs.less
--- 2/resources/src/mediawiki.ui/components/inputs.less
+++ b/resources/src/mediawiki.ui/components/inputs.less
@@@ -9,7 -9,7 +9,7 @@@
        font-style: italic;
        font-weight: normal;
  }
 -// Inputs
 +// Text inputs
  //
  // Apply the mw-ui-input class to input and textarea fields.
  //
@@@ -32,14 -32,17 +32,14 @@@
        border: 1px solid @colorFieldBorder;
        .box-sizing(border-box);
        width: 100%;
 -      padding: .4em .3em .2em .6em;
 +      padding: .3em .3em .3em .6em;
        display: block;
        vertical-align: middle;
        border-radius: @borderRadius;
 -      // Override user agent stylesheet properties. Instead use parent element.
 -      color: inherit;
 -      background-color: inherit;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
-       .transition(~"border linear .2s, box-shadow linear .2s");
+       .transition(~"border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1)");
  
        // Placeholder text styling must be set individually for each browser @winter
        &::-webkit-input-placeholder { // webkit
@@@ -64,8 -67,9 +64,9 @@@
        }
  
        &:focus {
-               box-shadow: inset .45em 0 0 @colorProgressive;
-               border-color: @colorGrayDark;
+               box-shadow: inset 0 0 0 2px @colorProgressive;
+               // Color being used to match inset shadow, not semantic reasons
+               border-color: @colorProgressive;
                // Remove focus glow on input[type="search"]
                outline: 0;
        }