@import './colors';
@import './functions';
@import './mixins';

@mixin hc-banner() {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    padding: 10px;
    width: 100%;
    z-index: $zindex-subnav;
}

@mixin hc-banner-dismiss() {
    cursor: pointer;
    pointer-events: all;
}

@mixin hc-banner-success() {
    background-color: $green;
    color: $white;
}

@mixin hc-banner-success-stamp() {
    background-color: $white;
    color: $green;
}

@mixin hc-banner-success-dismiss() {
    &:hover {
        background-color: darken($green, 5%);
    }
}

@mixin hc-banner-warning() {
    background-color: $orange;
    color: $white;
}

@mixin hc-banner-warning-stamp() {
    background-color: $white;
    color: $orange;
}

@mixin hc-banner-warning-dismiss() {
    &:hover {
        background-color: darken($orange, 5%);
    }
}

@mixin hc-banner-alert() {
    background-color: $red;
    color: $white;
}

@mixin hc-banner-alert-stamp() {
    background-color: $white;
    color: $red;
}

@mixin hc-banner-alert-dismiss() {
    &:hover {
        background-color: darken($red, 5%);
    }
}

@mixin hc-banner-info() {
    background-color: desaturate(lighten($blue, 40%), 50%);
    border: 1px solid desaturate(lighten($blue, 30%), 50%);
    border-left: none;
    border-right: none;
    color: $offblack;
}

@mixin hc-banner-info-stamp() {
    background-color: darken($blue, 10%);
    color: $white;
}

@mixin hc-banner-info-dismiss() {
    &:hover {
        background-color: desaturate(lighten($blue, 35%), 50%);
    }
}

@mixin hc-banner-close() {
    align-items: center;
    display: flex;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 10px;
}

@mixin hc-banner-close-icon() {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NjIuOTQ3IDY2Mi45NDciPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJQYXRoXzc0NCIgZGF0YS1uYW1lPSJQYXRoIDc0NCIgY2xhc3M9ImNscy0xIiBkPSJNMzMxLjQ3NC0xMTkuNDJhNTQuMTE2LDU0LjExNiwwLDAsMC0xNS42MjUtMzcuOTQ2TDE1MS43ODYtMzIxLjQyOSwzMTUuODQ5LTQ4NS40OTJhNTQuMTE2LDU0LjExNiwwLDAsMCwxNS42MjUtMzcuOTQ2LDU0LjExNiw1NC4xMTYsMCwwLDAtMTUuNjI1LTM3Ljk0N2wtNzUuODkzLTc1Ljg5M0E1NC4xMTYsNTQuMTE2LDAsMCwwLDIwMi4wMS02NTIuOWE1NC4xMTYsNTQuMTE2LDAsMCwwLTM3Ljk0NiwxNS42MjVMMC00NzMuMjE1LTE2NC4wNjItNjM3LjI3OEE1NC4xMTYsNTQuMTE2LDAsMCwwLTIwMi4wMDktNjUyLjlhNTQuMTE2LDU0LjExNiwwLDAsMC0zNy45NDYsMTUuNjI1bC03NS44OTMsNzUuODkzYTU0LjExNiw1NC4xMTYsMCwwLDAtMTUuNjI1LDM3Ljk0Nyw1NC4xMTYsNTQuMTE2LDAsMCwwLDE1LjYyNSwzNy45NDZsMTY0LjA2MywxNjQuMDYzTC0zMTUuODQ4LTE1Ny4zNjZhNTQuMTE2LDU0LjExNiwwLDAsMC0xNS42MjUsMzcuOTQ2LDU0LjExNiw1NC4xMTYsMCwwLDAsMTUuNjI1LDM3Ljk0NkwtMjM5Ljk1NS01LjU4YTU0LjExNiw1NC4xMTYsMCwwLDAsMzcuOTQ2LDE1LjYyNUE1NC4xMTYsNTQuMTE2LDAsMCwwLTE2NC4wNjItNS41OEwwLTE2OS42NDMsMTY0LjA2My01LjU4QTU0LjExNiw1NC4xMTYsMCwwLDAsMjAyLjAxLDEwLjA0NSw1NC4xMTYsNTQuMTE2LDAsMCwwLDIzOS45NTYtNS41OGw3NS44OTMtNzUuODkzQTU0LjExNiw1NC4xMTYsMCwwLDAsMzMxLjQ3NC0xMTkuNDJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMzEuNDczIDY1Mi45MDMpIi8+Cjwvc3ZnPgo=');
    background-repeat: no-repeat;
    height: 15px;
    opacity: 0.6;
    width: 15px;
}

@mixin hc-banner-close-icon-dark() {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NjIuOTQ3IDY2Mi45NDciPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICMwMDZlOWE7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJQYXRoXzc0NCIgZGF0YS1uYW1lPSJQYXRoIDc0NCIgY2xhc3M9ImNscy0xIiBkPSJNMzMxLjQ3NC0xMTkuNDJhNTQuMTE2LDU0LjExNiwwLDAsMC0xNS42MjUtMzcuOTQ2TDE1MS43ODYtMzIxLjQyOSwzMTUuODQ5LTQ4NS40OTJhNTQuMTE2LDU0LjExNiwwLDAsMCwxNS42MjUtMzcuOTQ2LDU0LjExNiw1NC4xMTYsMCwwLDAtMTUuNjI1LTM3Ljk0N2wtNzUuODkzLTc1Ljg5M0E1NC4xMTYsNTQuMTE2LDAsMCwwLDIwMi4wMS02NTIuOWE1NC4xMTYsNTQuMTE2LDAsMCwwLTM3Ljk0NiwxNS42MjVMMC00NzMuMjE1LTE2NC4wNjItNjM3LjI3OEE1NC4xMTYsNTQuMTE2LDAsMCwwLTIwMi4wMDktNjUyLjlhNTQuMTE2LDU0LjExNiwwLDAsMC0zNy45NDYsMTUuNjI1bC03NS44OTMsNzUuODkzYTU0LjExNiw1NC4xMTYsMCwwLDAtMTUuNjI1LDM3Ljk0Nyw1NC4xMTYsNTQuMTE2LDAsMCwwLDE1LjYyNSwzNy45NDZsMTY0LjA2MywxNjQuMDYzTC0zMTUuODQ4LTE1Ny4zNjZhNTQuMTE2LDU0LjExNiwwLDAsMC0xNS42MjUsMzcuOTQ2LDU0LjExNiw1NC4xMTYsMCwwLDAsMTUuNjI1LDM3Ljk0NkwtMjM5Ljk1NS01LjU4YTU0LjExNiw1NC4xMTYsMCwwLDAsMzcuOTQ2LDE1LjYyNUE1NC4xMTYsNTQuMTE2LDAsMCwwLTE2NC4wNjItNS41OEwwLTE2OS42NDMsMTY0LjA2My01LjU4QTU0LjExNiw1NC4xMTYsMCwwLDAsMjAyLjAxLDEwLjA0NSw1NC4xMTYsNTQuMTE2LDAsMCwwLDIzOS45NTYtNS41OGw3NS44OTMtNzUuODkzQTU0LjExNiw1NC4xMTYsMCwwLDAsMzMxLjQ3NC0xMTkuNDJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMzEuNDczIDY1Mi45MDMpIi8+Cjwvc3ZnPgo=');
}

@mixin hc-banner-stamp() {
    @include fontSize(11px);
    border-radius: 4px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 10px;
    padding: 5px 15px;
}