font-style: italic;
font-weight: normal;
}
-// Inputs
+// Text inputs
//
// Apply the mw-ui-input class to input and textarea fields.
//
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;
//
// Markup:
// <input class="mw-ui-input mw-ui-input-inline">
-// <button class="mw-ui-button mw-ui-constructive">go</button>
+// <button class="mw-ui-button mw-ui-constructive">Submit</button>
//
// Styleguide 1.2.
input[type="number"],
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;
+ }
+}