//
// OSIVIA Bootstrap extensions - Toolbar
// --------------------------------------------------


.toolbar {
    padding-bottom: @navbar-height;

    [data-toggle="drawer"] {
        .transition-property(@transition-property: transform);
        .transition-duration(@transition-duration: 300ms);

        > span {
            position: relative;
            
            > i {
                .transition-property(@transition-property: opacity);
                .transition-duration(@transition-duration: 300ms);
                
                + i {
                    position: absolute;
                    top: 1px;
                    left: 0;
                    
                    opacity: 0;
                }
            }
        }

        &.active-drawer {
            .rotate(@degrees: 180deg);
            
            > span > i {
                opacity: 0;
                
                + i {
                    opacity: 1;
                }
            }
        }
        
        + * {
            overflow: hidden;
            padding-right: @navbar-padding-horizontal;
        }
        
        ~ * {
            margin-left: 3px;
        }
    }
    
    
    @media screen and (min-width: @screen-sm-min) {
        .navbar-fixed-top {
            position: absolute;
        }
    }
}


@media screen and (max-width: @screen-xs-max) {
    .wrapper-outer {
        padding-top: @navbar-height;
    }
}