resources/src/mediawiki.htmlform.codex.styles.less

   1 @import 'mediawiki.skin.variables.less';
   2 @import 'mediawiki.mixins.less';
   3
   4 .mw-htmlform-codex {
   5         max-width: @size-4000;
   6
   7         // Next-sibling Checkboxes in a Field control.
   8         .cdx-field__control > .mw-htmlform-field-HTMLCheckField + .mw-htmlform-field-HTMLCheckField {
   9                 margin-top: @spacing-75;
  10         }
  11
  12         // Allows fields to be visually indented to associate them with a checkbox or
  13         // Radio that enables/disables them.
  14         .cdx-field.mw-htmlform-checkradio-indent {
  15                 margin-left: calc( @min-size-input-binary + @spacing-50 );
  16         }
  17
  18         .mw-htmlform-select-or-other {
  19                 > .cdx-select,
  20                 > .cdx-text-input {
  21                         display: inline-block;
  22                         vertical-align: top;
  23                 }
  24
  25                 .cdx-select {
  26                         max-width: 20em;
  27                         margin-right: @spacing-75;
  28                 }
  29
  30                 .cdx-text-input {
  31                         max-width: 29.5em;
  32                 }
  33         }
  34
  35         .mw-htmlform-select-and-other-field {
  36                 .cdx-select:first-child {
  37                         margin-bottom: @spacing-75;
  38                 }
  39         }
  40
  41         .mw-htmlform-submit-buttons {
  42                 margin-top: @spacing-100;
  43         }
  44 }