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

     1  %form-row {
     2    margin-bottom: 1.4em;
     3  }
     4  %form-element {
     5    @extend %form-row;
     6  }
     7  %form-element,
     8  %form-element > em,
     9  %form-element > span,
    10  %form-element textarea {
    11    display: block;
    12  }
    13  %form-element a {
    14    display: inline;
    15  }
    16  %form-element > em > code {
    17    display: inline-block;
    18  }
    19  %form-element [type='text'],
    20  %form-element [type='password'] {
    21    display: inline-flex;
    22    justify-content: flex-start;
    23  }
    24  %form-element textarea {
    25    resize: vertical;
    26  }
    27  %form-element > span {
    28    margin-bottom: 0.5em;
    29  }
    30  %form-element > span + em {
    31    margin-top: -0.5em;
    32    margin-bottom: 0.5em;
    33  }
    34  %form-element textarea {
    35    max-width: 100%;
    36    min-width: 100%;
    37    min-height: 70px;
    38    padding: 0.625em 15px;
    39  }
    40  %form-element [type='text'],
    41  %form-element [type='password'] {
    42    max-width: 100%;
    43    width: 100%;
    44    height: 2.25em;
    45  }
    46  %form-element > em {
    47    margin-top: 2px;
    48  }
    49  %form-element > em > code {
    50    padding: 0 4px;
    51  }
    52  %form-element [type='text'],
    53  %form-element [type='password'],
    54  %form-element textarea {
    55    padding: 17px 13px;
    56  }
    57  %form-element textarea {
    58    padding: 6px 13px;
    59  }
    60  %form-element > span {
    61    margin-bottom: 0.4em !important;
    62  }