benivo-ui-library/infoMessageBanner.less

Benivo UI library

.info-alert-banner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: @zindex-fixed;
    width: 100%;
    padding: 5px;
    margin-bottom: 0;
    .border-radius(0);

    @media @sm {
        padding: 5px 15px;
    }

    &.alert-danger {
        border: 1px solid rgba(144, 4, 27, 0.28);
        background-color: var(--error-light);
    }

    &.alert-info {
        border: 1px solid rgba(138, 99, 0, 0.28);
        background-color: var(--warning-light);
        color: var(--warning-main);
    }

    .msg-text {
        font-size: @extra-small-font-size;
    }

    &-top {
        bottom: unset !important;
        top: 0;
    }

    &.info-banner-low-zIndex {
        z-index: @z-index-info-banner-low-priority;
    }
}