/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

//
// Tab component
//
// ==========================================================================

// Variables
// ========================================================================

@tab-border:                                    @global-border;
@tab-padding-horizontal:                        17px;
@tab-padding-vertical:                          12px;
@tab-color:                                     @global-primary-background;
@tab-hover-border:                              @tab-hover-background;
@tab-hover-background:                          @global-primary-background;
@tab-hover-color:                               @global-contrast-color;
@tab-active-border:                             @global-border;
@tab-active-background:                         @global-background;
@tab-active-color:                              @global-color;
@tab-disabled-color:                            @global-muted-color;

// Component
// ==========================================================================

//
// Items
//

.hook-tab() {}


// Modifier: 'tab-flip'
// ==========================================================================


// Modifier: 'tab-left', 'tab-right'
// ==========================================================================

// Hover
.hook-tab-hover() {}

// Active
.hook-tab-active() {}

// Disabled
.hook-tab-disabled() {}


// Miscellaneous
// ========================================================================

.hook-tab-misc() {

    .uk-tab > li:nth-child(n+2) > a { margin-left: 0px; }

    .uk-tab-flip > li:nth-child(n+2) > a { margin-right: 0px; }

    /* Only tablets and desktops */
    @media (min-width: @breakpoint-medium) {

        .uk-tab-left > li:nth-child(n+2) > a,
        .uk-tab-right > li:nth-child(n+2) > a { margin-top: 0;}

        .uk-tab-left > li.uk-active > a,
        .uk-tab-right > li.uk-active > a { border-color: @tab-active-border; }

    }

}