/**
 * @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;
}