<commit_before>/*
Tabs

Styleguide 3.8
*/


/*
Default Tabs

[Bootstrap tabs](http://getbootstrap.com/components/#nav-tabs) with cursor change to pointer on hover.

Markup:
<ul role="tablist" class="nav nav-tabs">
    <li class="active"><a href="#">Bring one I make</a></li>
    <li><a href="#">Moved lights</a></li>
    <li><a href="#">Living created</a></li>
</ul>

Styleguide 3.8.1
*/

.nav-tabs {
    > li.active > a {
        &,
        &:hover,
        &:focus {
            cursor: pointer;
        }
    }
}


/*
Header Tabs

Tabs modified for use in header section.

Markup:
<ul role="tablist" class="nav nav-tabs nav-tabs-header">
    <li class="active"><a href="#"><span class="glyphicon glyphicon-envelope offset-right" aria-hidden="true"></span> Emailing</a></li>
    <li><a href="#"><span class="glyphicon glyphicon-cog offset-right" aria-hidden="true"></span> Settings</a></li>
</ul>

Styleguide 3.8.2
*/

.nav-tabs-header {
    float: right;
    margin-top: 2 * @line-height-computed;
    margin-bottom: -1px; // collapse border

    > li > a {
        color: @text-color;

        &:hover,
        &:focus {
            color: @brand-primary;
        }
    }

    @media screen and (min-width: @screen-sm-min) {
        position: absolute;
        right: @grid-gutter-width / 2;
        bottom: 0;
    }
}<commit_msg>Support justified tabs on smallest screens, fixes #54<commit_after>/*
Tabs

Styleguide 3.8
*/


/*
Default Tabs

[Bootstrap tabs](http://getbootstrap.com/components/#nav-tabs) with cursor change to pointer on hover.

Markup:
<ul role="tablist" class="nav nav-tabs">
    <li class="active"><a href="#">Bring one I make</a></li>
    <li><a href="#">Moved lights</a></li>
    <li><a href="#">Living created</a></li>
</ul>

Styleguide 3.8.1
*/

.nav-tabs {
    > li.active > a {
        &,
        &:hover,
        &:focus {
            cursor: pointer;
        }
    }
}


/*
Header Tabs

Tabs modified for use in header section.

Markup:
<ul role="tablist" class="nav nav-tabs nav-tabs-header">
    <li class="active"><a href="#"><span class="glyphicon glyphicon-envelope offset-right" aria-hidden="true"></span> Emailing</a></li>
    <li><a href="#"><span class="glyphicon glyphicon-cog offset-right" aria-hidden="true"></span> Settings</a></li>
</ul>

Styleguide 3.8.2
*/

.nav-tabs-header {
    float: right;
    margin-top: 2 * @line-height-computed;
    margin-bottom: -1px; // collapse border

    > li > a {
        color: @text-color;

        &:hover,
        &:focus {
            color: @brand-primary;
        }
    }

    @media screen and (min-width: @screen-sm-min) {
        position: absolute;
        right: @grid-gutter-width / 2;
        bottom: 0;
    }
}


/*
Justified Tabs

Tabs that are justified on smallest screens.

Markup:
<ul role="tablist" class="nav nav-tabs nav-justified nav-tabs-justified-xs">
    <li class="active">
        <a href="#">
            <span class="glyphicon glyphicon-certificate" aria-hidden="true"></span>
            <span class="hidden-xs offset-left">New</span>
        </a>
    </li>
    <li>
        <a href="#">
            <span class="glyphicon glyphicon-ok-sign offset-right" aria-hidden="true"></span>
            <span class="hidden-xs offset-left">Done</span>
        </a>
    </li>
    <li>
        <a href="#">
            <span class="glyphicon glyphicon-remove-sign offset-right" aria-hidden="true"></span>
            <span class="hidden-xs offset-left">Cancelled</span>
        </a>
    </li>
</ul>

Styleguide 3.8.3
*/

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
}

.nav-tabs.nav-tabs-justified-xs {
    @media (max-width: @screen-xs-max) {
        width: 100%;
        border-bottom: 0;

        > li {
            display: table-cell;
            float: none;
            width: 1%;

            > a {
                margin-right: 0;
                margin-bottom: 0;
                text-align: center;
                border-bottom: 1px solid @nav-tabs-justified-link-border-color;
                border-radius: @border-radius-base @border-radius-base 0 0;
            }
        }

        > .active > a,
        > .active > a:hover,
        > .active > a:focus {
            border-bottom-color: @nav-tabs-justified-active-link-border-color;
        }
    }
}
{'fraction_non_alphanumeric': 0.17251595259799454, 'fraction_numerical': 0.008887876025524157, 'mean_word_length': 2.1896802325581395, 'pattern_counts': {'":': 0, '<': 85, '<?xml version=': 0, '>': 107, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6805972', 'n_tokens_mistral': 1549, 'n_tokens_neox': 1485, 'n_words': 325}