resources/src/mediawiki.less/mediawiki.ui/mixins/forms.less

   1 // Font is not included.
   2 // For Vector, that should be layered on top with vector-type
   3 .agora-field-styling() {
   4
   5         border: 1px solid @colorGrayLight;
   6
   7         &:focus {
   8                 // Styling focus of native checkboxes etc on Mac is almost impossible.
   9                 &:not([type=checkbox]):not([type=radio]) {
  10                         outline: 0; // Removes OS field focus
  11                 }
  12
  13                 box-shadow: @colorProgressiveShadow 0 0 5px;
  14
  15                 border-color: @colorProgressiveShadow;
  16         }
  17
  18         color: @colorText;
  19         padding: 0.35em 0.5em 0.35em 0.5em;
  20
  21         // Ensure that buttons and inputs are nicely aligned when they have differing heights
  22         vertical-align: middle;
  23 }
  24
  25 .agora-label-styling() {
  26         //font-weight: bold;
  27         font-size: 0.9em;
  28         color: darken(@colorGrayLight, 50%);
  29
  30         * {
  31                 font-weight: normal;
  32         }
  33 }
  34
  35 .agora-inline-label-styling() {
  36         margin-bottom: 0.5em;
  37         cursor: pointer;
  38         vertical-align: bottom;
  39         line-height: normal;
  40
  41         font-weight: normal;
  42
  43         & > input[type="checkbox"],
  44         & > input[type="radio"] {
  45                 width: auto;
  46                 height: auto;
  47                 margin: 0 0.1em 0 0;
  48                 padding: 0;
  49                 border: 1px solid @colorGrayLight;
  50                 cursor: pointer;
  51         }
  52 }