resources/mediawiki.ui/mixins/forms.less

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