wcfsetup/install/files/style/bootstrap/mixin/input.scss

   1 @mixin input {
   2         background-color: $wcfInputBackground;
   3         border: 1px solid $wcfInputBorder;
   4         border-radius: 0;
   5         color: $wcfInputText;
   6         font-weight: 400;
   7         outline: none;
   8         padding: 4px 8px;
   9
  10         // input elements do not inherit font family, size and line-height from body
  11         font-family: $wcfFontFamily;
  12         @include wcfFontDefault;
  13         @include wcfLineHeight;
  14
  15         &:focus,
  16         &:hover {
  17                 background-color: $wcfInputBackgroundActive;
  18                 border-color: $wcfInputBorderActive;
  19                 color: $wcfInputTextActive;
  20         }
  21
  22         &[disabled],
  23         &.disabled {
  24                 background-color: $wcfInputDisabledBackground !important;
  25                 border-color: $wcfInputDisabledBorder !important;
  26                 color: $wcfInputDisabledText !important;
  27         }
  28
  29         &[readonly] {
  30                 color: $wcfInputDisabledText !important;
  31         }
  32 }