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

@import "../common";

// Need a property for @extend to work
.#{$vendor-prefix}tabs {
    text-align: left;
}

.#{$vendor-prefix}tabs-nav {
    display: block;
    margin-bottom: $margin;

    ul, ol, li {
        @include reset-list;
        display: inline-block;
    }

    @include clear-fix;
}

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

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

.#{$vendor-prefix}tabs--horizontal {
    @extend .#{$vendor-prefix}tabs;

    .#{$vendor-prefix}tabs-nav {
        ul, ol, li, a, button {
            display: block;
            float: none;
            text-align: left;
        }
    }
}