---
---

// Bootstrap + bootswatch imports
@import "custom-variables";
@import "bootstrap/bootstrap";
@import "bootswatch";

// Custom alert styles
.alert {
    border-left-width: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@mixin alert-variant($color, $border, $text-color) {
    background-color: darken($color, 20%);
    border-color: $border;
    color: $text-color;
}

.alert-success {
    @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text);
}

.alert-info {
    @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text);
}

.alert-warning {
    @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text);
}

.alert-danger {
    @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text);
}

// Custom panel styles
.panel {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    .panel-heading {
        border-left-width: 9px;
        border-left-style: solid;
    }
}


@mixin panel-variant($color) {
    .panel-heading {
        background-color: darken($color, 20%);
    }
}

.panel-success {
    @include panel-variant($panel-success-heading-bg);
}

.panel-info {
    @include panel-variant($panel-info-heading-bg);
}

.panel-warning {
    @include panel-variant($panel-warning-heading-bg);
}

.panel-danger {
    @include panel-variant($panel-danger-heading-bg);
}

// Custom breadcrumb separator
.breadcrumb > li + li::before {
    content: ">"
}

// Horizontally-scrollable <pre>
// thanks http://stackoverflow.com/a/32772238/2422874
pre, pre > code {
    overflow: auto;
    -ms-word-wrap: normal;
    word-wrap: normal;
    overflow-wrap: normal;
    white-space: pre;
}