/**
 * @copyright   2010-2013, The Titon Project
 * @license     http://opensource.org/licenses/bsd-license.php
 * @link        http://titon.io
 */

@import "../common";

.tabs {
    text-align: left;
}

.tabs-nav {
    display: block;
    margin-bottom: $margin;

    ul, li {
        @include reset-inline-block;
        list-style: none;
    }

    @include clear-fix;
}

// Display none on sections since visibility takes up DOM space
.tabs-section.hide {
    display: none;
}

//-------------------- Modifiers --------------------//

.tabs.tabs--horizontal {
    .tabs-nav {
        ul, li, a, button {
            display: block;
            float: none;
            text-align: left;
        }
    }
}