github.com/outbrain/consul@v1.4.5/ui-v2/app/styles/components/form-elements/skin.scss (about)

     1  %form-element > strong {
     2    @extend %with-error;
     3  }
     4  %form-element-error > input,
     5  %form-element-error > textarea {
     6    border: $decor-border-100;
     7  }
     8  %form-element [type='text'],
     9  %form-element [type='password'],
    10  %form-element textarea {
    11    -moz-appearance: none;
    12    -webkit-appearance: none;
    13    box-shadow: inset 0 4px 1px rgba(0, 0, 0, 0.06);
    14    border-radius: $decor-radius-100;
    15    border: $decor-border-100;
    16  }
    17  %form-element [type='text']:focus,
    18  %form-element [type='password']:focus,
    19  %form-element textarea:focus {
    20    outline: none;
    21  }
    22  %form-element > em > code {
    23    border-radius: $decor-radius-100;
    24  }
    25  %form-element-error > input {
    26    border-color: $ui-color-failure !important;
    27  }
    28  %form-element > strong {
    29    color: $ui-color-failure;
    30  }
    31  %form-element > em {
    32    color: $ui-gray-400;
    33  }
    34  %form-element > em > code {
    35    background-color: $ui-gray-200;
    36    color: $brand-magenta-600;
    37    border-radius: $decor-radius-100;
    38  }
    39  %form-element > span {
    40    color: $ui-black;
    41  }
    42  %form-element [type='text'],
    43  %form-element [type='password'],
    44  %form-element textarea {
    45    color: $ui-gray-500;
    46  }
    47  %form-element [type='text'],
    48  %form-element [type='password'],
    49  %form-element textarea {
    50    border-color: $ui-gray-300;
    51  }
    52  %form-element [type='text']:hover,
    53  %form-element [type='password']:hover,
    54  %form-element textarea:hover {
    55    border-color: $ui-gray-500;
    56  }
    57  %form-element [type='text']:focus,
    58  %form-element [type='password']:focus,
    59  %form-element textarea:focus {
    60    border-color: $ui-blue-500;
    61  }