// Mixin
@mixin inputs {
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea {
        @content;
    }
}

@if $styles-form == true {

    /*------------------------------------*\
        #FORM-PENGUIN
    \*------------------------------------*/

    .form {
        clear: both;
    }

        .form-control {}

        .form-control--inline {
            display: inline-block;
        }

        .input:not(.input--checkbox):not(.input--radio) {
            display: block;

            .form & {

                @include inputs {
                    width: 100%;
                    line-height: normal;
                }

                input, select {
                    vertical-align: middle;
                }

                textarea {
                    vertical-align: top;
                }

                input[type="file"] {
                    line-height: rem($font-size-base);
                }

            }

        }

        .input--radio,
        .input--checkbox {
            display: inline-block !important;
            vertical-align: text-bottom;

            input {
                vertical-align: middle;
            }

        }

        .input--icon {
            position: relative;

            .icon, .fa {
                @include place-center;
            }

        }

}
