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