/*
Copyright (C) 2017 Draios inc.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License version 2 as
published by the Free Software Foundation.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

.sd-text-field {
    @color-normal-state: lighten(@color-separator, 5%);
    @color-hover-state: @color-separator;
    @color-focus-state: darken(@color-separator, 15%);

    width: 100%;
    padding: @layout-padding-sm;
    padding-right: @layout-padding-sm + 24px;

    line-height: @font-line-height-md;
    min-height: @font-line-height-md;

    user-select: text;
    text-align: left;
    font-family: @font-family;
    font-size: @font-size-md;
    border: 1px solid @color-normal-state;
    border-radius: 4px;

    outline: none;

    transition: border-color .1s ease;

    &:hover {
        border-color: @color-hover-state;
    }

    &:focus,
    &:active {
        border-color: @color-focus-state;
    }

    &--has-extra-right-space {
        padding-right: @layout-padding-sm + 80px;
    }
}