/*
 * Callouts
 *
 * Not quite alerts, but custom and helpful notes for folks reading the docs.
 * Requires a base and modifier class.
 */

 /*
    SAMPLE USAGE:

    <?php

    $jsBlock = <<< JS
    $(function () {
        //--------------------------------------------------------------------------
        // Hover Effect for ListView
        //--------------------------------------------------------------------------
        $('.project-button').on('mouseenter', function () {
            $(this).addClass("bs-callout-info");
            $(this).css("background-color", "#eee");
        })
        $('.project-button').on('mouseleave', function () {
            $(this).removeClass("bs-callout-info");
            $(this).css("background-color", "transparent");
        });
    });
    $(document).on('ready pjax:success', function () {  // 'pjax:success' when using pjax
        // Events to load after PJAX call

        //--------------------------------------------------------------------------
        // Hover Effect for ListView
        //--------------------------------------------------------------------------
        $('.project-button').on('mouseenter', function () {
            $(this).addClass("bs-callout-info");
            $(this).css("background-color", "#eee");
        })
        $('.project-button').on('mouseleave', function () {
            $(this).removeClass("bs-callout-info");
            $(this).css("background-color", "transparent");
        });
    });
    JS;

    $this->registerJS($jsBlock, \yii\web\View::POS_END);
*/

/* Common styles for all types */
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}

.bs-callout:hover {
    background-color: rgba(255, 166, 0, 0.527);
    /* border-left-color: #337ab7; */
}

/* Tighten up space between multiple callouts */
.bs-callout + .bs-callout {
    margin-top: -5px;
}

/* Variations */
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-primary {
    border-left-color: #337ab7
}
.bs-callout-primary h4 {
    color: #337ab7;
}
.bs-callout-default {
    border-left-color: #5e5e5e;
}
.bs-callout-default h4 {
    color: #5e5e5e;
}