Contents

/**
 * @copyright	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

3 entries across 3 versions & 1 rubygems

Version	Path
titon-toolkit-0.9.4	src/scss/toolkit/modules/type-ahead.scss
titon-toolkit-0.9.3	src/scss/toolkit/modules/type-ahead.scss
titon-toolkit-0.9.2	src/scss/toolkit/modules/type-ahead.scss