// Values
// 31 -> inner buttonsize + border
// 38 -> default padding is 6 on a 50px 50-12
// 20 -> default line-height

.navbar-header {
    float: left !important;
}

.navbar-blink-logo {
    @include background-image-retina($navbar-logo-image, $navbar-height, $navbar-height);
    width: $navbar-height;
    height: $navbar-height;
    margin: 0 auto;
    margin-left: 15px;
}

.navbar-btn-toolbar {
    margin-top: ($navbar-height - 31 - zero($navbar-height - 38)) * 0.5; // 40 -> 7/2, 50 -> 7/2

    button.active {
        padding-top: 6 + ($navbar-height - 31 - zero($navbar-height - 38)) * 0.5; // 40 -> 7/2, 50 -> 7/2
        padding-bottom: 4 + ($navbar-height - 31 - zero($navbar-height - 38)) * 0.5; // 40 -> 7/2, 50 -> 7/2
        margin-top: -($navbar-height - 31 - zero($navbar-height - 38)) * 0.5; // 40 -> 7/2, 50 -> 7/2
        color: #fff;
        background-color: rgb(8, 8, 8);
    }
}

.navbar {
    z-index: 1201;
    min-height: $navbar-height;

    button {
        padding: zero(($navbar-height - 38) * 0.5) 12px;

        &.btn-fw {
            width: 58px;
            margin-right: -5px;
        }
    }
}

.navbar-brand {
    height: $navbar-height;
    padding: ($navbar-height - 20) * 0.5 15px;
    padding-left: 0;
    margin-left: 0 !important;
}

.navbar-text {
    margin: ($navbar-height - 20) * 0.5 15px;
}
