<commit_before>
/**
 * Input
 * --------------------------------------------------------------------------- */

.lui.input {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    .display-flex(true);

    > .addon, > input {
        display: inline-block;
        .flex();
    }

    // Inputs styling
    // =====
    > input, > select {
        width: 100%;
        display: inline-block;
        vertical-align: middle;

        border-radius: @border-radius;
        border: 1px solid @border-color;
        background: #fff;
        color: @color;
        padding: @v-padding @h-padding;

        &:focus, &:active {
            outline: none;
            border-color: darken(@border-color, 10);
        }

       // Placeholders
       // =====
        .lui_placeholder({
            line-height: 1em;
            color: @placeholder-color;
            font-style: @placeholder-style;
        });
    }

    &.fit {
        width: 100%;
    }

   // Validation
   // =====
   &.ng.ng-invalid, // angular support
   &.invalid {
       color: @invalid-color;
       > input {
           color: @invalid-color;
           border-color: @invalid-color;
           &::-webkit-input-placeholder {
               color: lighten(@invalid-color, 15);
           }
           &::-moz-placeholder {
               color: lighten(@invalid-color, 15);
           }
           &::-ms-input-placeholder {
               color: lighten(@invalid-color, 15);
           }
       }
   }
}

// Textareas
// ====
textarea.lui.input {
    border: 1px solid @border-color;
}

// Icon support
// =====
.lui.input.icon {
    > input {
        padding-left: 2.5em;
    }
    .lui.icon {
        position: absolute;
        z-index: 2;
        top: 0; bottom: 0;
        height: 100%;
        left: 0;
        width: 2.5em;
        margin-right: 0.5em;
        &:before {
            position: absolute;
            top: 50%; left: 0; right: 0;
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }
    }
    &.left {
        > input {
            padding-left: 0;
            padding-right: 2.5em;
        }
        .lui.icon {
            left: auto; right: 0;
            margin-right: 0;
            margin-left: 0.5em;
        }
    }
}


// Addons
// =====
.lui.input.has.addon,
.lui.input.has.addons {
    > .lui.addon {
        display: inline-block;
        vertical-align: middle;
        border: 1px solid @border-color;<commit_msg>Input [FIX/ENH] Better naming consistency as well as fix to the input placeholder line-height issue<commit_after>
/**
 * Input
 * --------------------------------------------------------------------------- */

.lui.input {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    .display-flex(true);

    > .addon, > input {
        display: inline-block;
        .flex();
    }

    // Inputs styling
    // =====
    > input, > select {
        width: 100%;
        display: inline-block;
        vertical-align: middle;

        border-radius: @border-radius;
        border: 1px solid @border-color;
        background: #fff;
        color: @color;
        padding: @v-padding @h-padding;

        &:focus, &:active {
            outline: none;
            border-color: darken(@border-color, 10);
        }

       // Placeholders
       // =====
        .lui_placeholder({
            color: @placeholder-color;
            font-style: @placeholder-style;
        });
    }

    &.fit {
        width: 100%;
    }

   // Validation
   // =====
   &.ng.ng-invalid, // angular support
   &.invalid {
       color: @invalid-color;
       > input {
           color: @invalid-color;
           border-color: @invalid-color;
           &::-webkit-input-placeholder {
               color: lighten(@invalid-color, 15);
           }
           &::-moz-placeholder {
               color: lighten(@invalid-color, 15);
           }
           &::-ms-input-placeholder {
               color: lighten(@invalid-color, 15);
           }
       }
   }
}

// Textareas
// ====
textarea.lui.input {
    border: 1px solid @border-color;
}

// Icon support
// =====
.lui.input.icon {
    > input {
        padding-left: 2.5em;
    }
    .lui.icon {
        position: absolute;
        z-index: 2;
        top: 0; bottom: 0;
        height: 100%;
        left: 0;
        width: 2.5em;
        margin-right: 0.5em;
        &:before {
            position: absolute;
            top: 50%; left: 0; right: 0;
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }
    }
    &.left {
        > input {
            padding-left: 0;
            padding-right: 2.5em;
        }
        .lui.icon {
            left: auto; right: 0;
            margin-right: 0;
            margin-left: 0.5em;
        }
    }
}


// Addons
// =====
.lui.input.has-addon,
.lui.input.has-addons {
    > .lui.addon {
        display: inline-block;
        vertical-align: middle;
        border: 1px solid @border-color;
{'fraction_non_alphanumeric': 0.1755740300870942, 'fraction_numerical': 0.01880443388756928, 'mean_word_length': 1.2781785392245266, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 19, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1529241', 'n_tokens_mistral': 1645, 'n_tokens_neox': 1539, 'n_words': 313}