//== Dependencies
@import (optional) "../../node_modules/dotsunited-sliding-navigation/lib/mixins";
@import (optional) "../../../../node_modules/dotsunited-sliding-navigation/lib/mixins";

//== Generates
.hdeng-sliding-navigation-critical-generate() {
    // Silence
}

.hdeng-sliding-navigation-generate() {
    .sliding-navigation {
        .dotsunited-sliding-navigation();

        position: absolute;
        left: 0;
        right: 0;
        top: @hdeng-header-height-small;
        bottom: 0;

        li {
            .hdeng-clearfix();
        }
    }

    .sliding-navigation__open-button {
        .dotsunited-sliding-navigation-open-button();

        float: right;

        opacity: .75;

        &:hover {
            opacity: 1;
        }
    }

    .sliding-navigation__back {
        padding: 0 floor(@hdeng-spacing / 2);

        background: rgba(255, 255, 255, .1);
    }

    .sliding-navigation__back-button {
        .dotsunited-sliding-navigation-back-button();

        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;

        color: #fff;
        font-size: 85%;
    }
}
