.mw-ui-input {
// turn off default input styling for input[type="search"] fields
-webkit-appearance: none;
- border: 1px solid @colorFieldBorder;
- .box-sizing(border-box);
- width: 100%;
- padding: .3em .3em .3em .6em;
+ .box-sizing( border-box );
display: block;
- vertical-align: middle;
+ width: 100%;
+ border: 1px solid @colorFieldBorder;
border-radius: @borderRadius;
+ padding: 0.3em 0.3em 0.3em 0.6em;
font-family: inherit;
font-size: inherit;
line-height: inherit;
- .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)");
+ vertical-align: middle;
// Placeholder text styling must be set individually for each browser @winter
&::-webkit-input-placeholder { // webkit
font-weight: bold;
line-height: 1.25em;
}
-
-// Tablet and desktop specific styling tweaks.
-@media all and (min-width: 768px) {
- // Make inline elements take up a sensible amount of the screen on wider devices.
- .mw-ui-input-inline {
- min-width: 320px;
- }
-}