Contents

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

@import "../common";

/**
 *	<div class="alert is-info">
 *		<button type="button" class="close">
 *			<span class="x">&times;</span>
 *		</button>
 *
 *		<h3 class="alert-title">Title</h3>
 *		<p>This is an information message!</p>
 *	</div>
 */

.alert {
	margin: $margin 0;
	padding: $padding;
	background: $gray;
	border: 1px solid $gray-dark;
	text-align: left;

	hr {
		border: 0;
		border-top: 1px solid transparent;
	}

	a {
		font-weight: bold;
	}

	.close {
		float: right;
		margin-left: $margin;

		& ~ p { margin: 0; }
	}

	@include content-spacing;
}

.alert-title {
	margin: 0 0 ($margin / 2) 0;
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
titon-toolkit-0.9.4	src/scss/toolkit/ui/alert.scss
titon-toolkit-0.9.3	src/scss/toolkit/ui/alert.scss
titon-toolkit-0.9.2	src/scss/toolkit/ui/alert.scss