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

   1 @mixin input {
   2         background-color: var(--wcfInputBackground);
   3         border: 1px solid var(--wcfInputBorder);
   4         border-radius: var(--wcfBorderRadius);
   5         color: var(--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: var(--wcfFontFamily);
  12         @include wcfFontDefault;
  13         @include wcfLineHeight;
  14
  15         &:focus,
  16         &:hover {
  17                 background-color: var(--wcfInputBackgroundActive);
  18                 border-color: var(--wcfInputBorderActive);
  19                 color: var(--wcfInputTextActive);
  20         }
  21
  22         &[disabled],
  23         &.disabled {
  24                 background-color: var(--wcfInputDisabledBackground) !important;
  25                 border-color: var(--wcfInputDisabledBorder) !important;
  26                 color: var(--wcfInputDisabledText) !important;
  27         }
  28
  29         &[readonly] {
  30                 color: var(--wcfInputDisabledText) !important;
  31         }
  32 }