/*
 * Copyright (C) 2013 Adnane Belmadiaf <daker@ubuntu.com>
 * License granted by Canonical Limited
 *
 * This file is part of ubuntu-html5-ui-toolkit.
 *
 * This package is free software; you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as
 * published by the Free Software Foundation; either version 3 of the
 * License, or
 * (at your option) any later version.

 * This package 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 Lesser General Public
 * License along with this program. If not, see
 * <http://www.gnu.org/licenses/>.
 */

/* ----------------------------------
 * Text inputs
 * ---------------------------------- */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
input[type="number"],
textarea {
    @include box_shadow (inset 0 2px 1px rgba(0, 0, 0, 0.1));
    background: #cfcfcf;
    border: 0;
    border-radius: 6px;
    color: #757373;
    font-family: Ubuntu;
    font-size: 0.8rem;
    padding: 8px;

    &:focus {
        background: #fff;
        color: #757373;
        font-family: Ubuntu;
    }

    &[disabled] {
        background: rgba(255, 255, 255, 0.1);
        color: darkgray;
    }

    &:not([value]) {
        color: #757373;
    }
}

textarea {
    resize: none;
    height: 80px;
    width: 190px;
}

.textfield.clear:focus {
    background: url(artwork/icon_clear@20.png) no-repeat 97% center #fff;
    background-size: 12%;
}

.textfield.label,
.textarea.label {
    @include box_shadow (none);
    background: none !important;
    font-size: 12px;
    padding: 0 !important;
}