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
}
&: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;
}