devextreme/less/sources/widgets/material/textArea.material.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/material/textArea.material.less)
* Version: 20.1.7
* Build date: Tue Aug 25 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
@import (once) "./textBox.material.less";

.dx-size-default() {
    @TEXTAREA_CONTENT_PADDING: 10px;
    @TEXTAREA_CONTENT_LINE_HEIGHT: 24px;
}

.dx-size-compact() {
    @TEXTAREA_CONTENT_PADDING: 8px;
    @TEXTAREA_CONTENT_LINE_HEIGHT: 20px;
}

.dx-textarea {
    height: auto;

    .dx-texteditor-input {
        padding: @TEXTAREA_CONTENT_PADDING;
        line-height: @TEXTAREA_CONTENT_LINE_HEIGHT;
    }

    .dx-placeholder:before {
        padding: (@TEXTAREA_CONTENT_PADDING + 3) @TEXTAREA_CONTENT_PADDING;
    }

    .dx-icon-clear {
        top: 0;
        margin-top: 0;
    }

    &.dx-invalid .dx-texteditor-container:after {
        top: @MATERIAL_BASE_INLINE_BORDEREDWIDGET_TOP_PADDING;
        margin-top: 0;
    }
}