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

//
// Component: Subnav
//
// ========================================================================


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

@subnav-font-size:                              round(@global-font-size * 0.86); // 13px
@subnav-margin:                                 12px;
@subnav-color:                                  @global-link-color;
@subnav-hover-color:                            @global-link-hover-color;
@subnav-disabled-color:                         @global-muted-color;

@subnav-line-border:                            @global-border;
@subnav-line-border-width:                      @global-border-width;

@subnav-pill-hover-background:                  @global-highlight-background;
@subnav-pill-hover-color:                       @global-highlight-color;
@subnav-pill-active-background:                 @global-primary-background;
@subnav-pill-active-color:                      @global-primary-color;


//
// New
//


@subnav-text-transform:                         @global-text-transform;

@subnav-pill-border-radius:                     @global-border-radius;


// Modifier: `uk-subnav-line'
// ========================================================================

.hook-subnav-line-divider() {}


// Modifier: `uk-subnav-pill'
// ========================================================================

.hook-subnav-pill() { border-radius: @subnav-pill-border-radius; }

// Hover
.hook-subnav-pill-hover() {}

// Active
.hook-subnav-pill-active() {}


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

.hook-subnav-misc() {

    .uk-subnav > li { text-transform: @subnav-text-transform; }

}