@progress/kendo-ui/css/web/Default/textarea/_layout.less

This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.

/*!
 * Copyright 2021 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.k-textarea {
    .border-radius( 4px );
    margin: 0;
    border-width: @textarea-border-width;
    border-style: solid;
    outline: 0;
    line-height: @textarea-line-height;
    box-sizing: border-box;
    box-shadow: none;
    background: none;
    display: inline-flex;
    flex-flow: row nowrap;
    vertical-align: middle;
    position: relative;
    -webkit-appearance: none;

    // Hide clear icon
    &::-ms-clear { display: none; }

    > .k-input {
        padding: 0;
        margin: 0;
        width: 100%;
        border: 0;
        outline: 0;
        box-sizing: border-box;
        color: inherit;
        background: none;
        font: inherit;
        display: inline-block;
        flex: 1 1 auto;
        -webkit-appearance: none;

        // Hide clear icon
        &::-ms-clear { display: none; }
    }

    // Disabled state
    &:disabled,
    &[disabled],
    &.k-state-disabled {
        outline: none;
        cursor: default;
        opacity: .6;
        filter: grayscale(.1);
        pointer-events: none;
        box-shadow: none;
    }
}

// Textarea old rendering
textarea.k-textarea {
    background-clip: padding-box;
    padding: @textarea-padding-y @textarea-padding-x;
    width: @textarea-default-width;
    min-height: @textarea-calc-height;
    display: inline-block;
    resize: both;
}

// Textarea new rendering
.k-textarea {
    > .k-input {
        background-clip: padding-box;
        padding: @textarea-padding-y @textarea-padding-x;
        width: @textarea-default-width;
        min-height: @textarea-calc-height;
        overflow-y: auto;
        resize: both;
    }
}

// Floating label
.k-textbox-container,
.k-floating-label-container {
    > .k-textarea {
        flex: 1 1 auto;
        width: auto;
    }
}

// TODO: Remove once we drop IE support
.k-ie {
    .k-textarea > .k-input {
        background-clip: border-box;
    }

    textarea.k-textarea {
        background-clip: border-box;
    }
}