Sha256: c068378962e47c59de3f6795792646e51fcbc212b23ef7f39c6937816f0b6d5f

Contents?: true

Size: 1.13 KB

Versions: 5

Compression:

Stored size: 1.13 KB

Contents

/**
 * @copyright   2010-2013, The Titon Project
 * @license     http://opensource.org/licenses/bsd-license.php
 * @link        http://titon.io
 */

@import "../common";

/**
 * Should be used in conjunction with the JavaScript Titon.TypeAhead module.
 */

.type-ahead {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
    opacity: 0;
    visibility: hidden;
    background: $gray;
    border: 1px solid $gray-dark;
    @include transition(opacity 0.3s);

    ul {
        list-style: none;
        margin: 0;
        padding: 0;
        min-width: 200px;

        a,
        li.heading {
            padding: $small-padding;
            line-height: 100%;
            display: block;
            text-decoration: none;
        }

        li.heading {
            font-weight: bold;
        }
    }
}

.type-ahead-desc {
    display: block;
    color: $gray-darkest;
    font-size: .7rem;
}

.type-ahead-shadow {
    position: relative;

    input {
        position: absolute;
        top: 0;
        left: 0;
    }

    .is-shadow {
        color: gray;
    }

    .not-shadow {
        background: transparent;
        z-index: 1;
    }
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
titon-toolkit-0.14.0 scss/toolkit/modules/type-ahead.scss
titon-toolkit-0.13.2 scss/toolkit/modules/type-ahead.scss
titon-toolkit-0.12.0 scss/toolkit/modules/type-ahead.scss
titon-toolkit-0.11.2 scss/toolkit/modules/type-ahead.scss
titon-toolkit-0.10.0 src/scss/toolkit/modules/type-ahead.scss