// Forms
//
-// Styleguide 3.
+// Styleguide 5.
// VForm
//
// </div>
// </form>
//
-// Styleguide 3.1.
+// Styleguide 5.1.
.mw-ui-vform {
.box-sizing(border-box);
// </div>
// </form>
//
- // Styleguide 3.1.
+ // Styleguide 5.2.
.error,
.errorbox,
.warningbox,
// This specifies styling for individual field validation error messages.
// Show them below the fields to prevent line break glitches, and leave
// some space between the field and the error message box.
- .mw-ui-vform-div .error, /* for backwards-compatibility, remove before 1.24 */
.mw-ui-vform-field .error {
display: block;
margin-top: 5px;
//
// (We use a broad definition of 'field' here: a purely textual information
// block is also a "field".)
-.mw-ui-vform-div, /* for backwards-compatibility, remove before 1.24 */
.mw-ui-vform-field {
display: block;
margin: 0 0 15px;
// You generally don't need to use this class if <label> is within an Agora
// form container such as mw-ui-vform
.mw-ui-label {
- .agora-label-styling(); // mixins/forms.less
+ .agora-label-styling();
}
// Nesting an input inside a label with this class
// improves alignment, e.g.
-// <label class="mw-ui-radio-label">
-// <input type="radio">The label text
-// </label>
+//
+// <label class="mw-ui-radio-label">
+// <input type="radio">The label text
+// </label>
.mw-ui-radio-label {
.agora-inline-label-styling();
}