resources/mediawiki.ui/sourcefiles/scss/mixins/_forms.scss

   1 // Font is not included.
   2 // For Vector, that should be layered on top with vector-type
   3 @mixin agora-field-styling() {
   4     @include reset-focus;  // Removes OS field focus
   5
   6     border: {
   7         style: solid;
   8         width: 1px;
   9         color: $agoraGray;
  10     };
  11
  12     &:focus {
  13         // @include box-shadow generates unneeded prefixes
  14         // https://github.com/chriseppstein/compass/issues/1054 , so specify
  15         // directly.
  16         box-shadow: $agoraBlueShadow 0px 0px 5px;
  17
  18         border: {
  19             color: $agoraBlueShadow;
  20         };
  21     }
  22
  23     color: $agoraTextColor;
  24     padding: 0.35em 0 0.35em 0.5em;
  25 }
  26
  27 @mixin agora-label-styling() {
  28     font: {
  29         //weight: bold;
  30         size: 0.9em;
  31     };
  32     color: darken($agoraGray, 30%);
  33
  34     & * {
  35         font-weight: normal;
  36     }
  37 }
  38
  39 @mixin agora-inline-label-styling() {
  40     margin-bottom: 0.5em;
  41     cursor: pointer;
  42     vertical-align: bottom;
  43     line-height: normal;
  44
  45     font: {
  46         weight: normal;
  47     };
  48
  49     & > input[type="checkbox"],
  50     & > input[type="radio"] {
  51         width: auto;
  52         height: auto;
  53         margin: 0 0.1em 0em 0;
  54         padding: 0;
  55         border: {
  56             style: solid;
  57             width: 1px;
  58             color: $agoraGray;
  59         }
  60         cursor: pointer;
  61     }
  62 }