border: 1px solid @colorFieldBorder;
.box-sizing(border-box);
width: 100%;
- padding: .3em .3em .3em .6em;
+ padding: .4em .3em .2em .6em;
display: block;
vertical-align: middle;
+ border-radius: @borderRadius;
// Override user agent stylesheet properties. Instead use parent element.
color: inherit;
font-family: inherit;
// Remove focus glow on input[type="search"]
outline: 0;
}
+
+ &:disabled {
+ border-color: @colorGray14;
+ color: @colorGray12;
+ }
}
textarea.mw-ui-input {
// <button class="mw-ui-button mw-ui-constructive">go</button>
//
// Styleguide 1.2.
+input[type="number"],
.mw-ui-input-inline {
display: inline-block;
width: auto;
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;
+ }
+}