//
// Component: Slidenav
//
// ========================================================================


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

@slidenav-width:								70px;
@slidenav-height:                               80px;
@slidenav-font-size:                            round(@slidenav-width*0.4);
@slidenav-line-height:                          @slidenav-height;

@slidenav-position-previous:                    0;
@slidenav-position-next:                        0;

@slidenav-color:                                fade(@global-contrast-color, 80%);
@slidenav-hover-color:                          @global-primary-background;
@slidenav-active-color:                         fade(@global-contrast-color, 50%);

@slidenav-contrast-color:                       @global-contrast-color;
@slidenav-contrast-hover-color:                 @global-primary-background;
@slidenav-contrast-active-color:                darken(@global-primary-background, 5%);

@slidenav-previous-icon:                        "\f170";
@slidenav-next-icon:                            "\f16d";

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

.hook-slidenav() {
	background: @global-dark-2-shadow;
    transition: @global-transition;
}

.hook-slidenav-hover() {
	background-color: @global-contrast-color;
}

.hook-slidenav-active() {}

.hook-slidenav-contrast() {}

.hook-slidenav-contrast-hover() {}

.hook-slidenav-contrast-active() {

}


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

.hook-slidenav-misc() {
	.uk-slidenav-position {
		.uk-slidenav {
			display: block;
		}

		.uk-lightbox-content .uk-slidenav-previous { left: -70px; }
		.uk-lightbox-content .uk-slidenav-next { right: -70px; }
	}

	.uk-slidenav-previous:before,
	.uk-slidenav-next:before,
	.uk-lightbox-content .uk-slidenav:before {
		font-family: @global-utouch-icon;
	}

	.uk-lightbox-content .uk-slidenav {
		width: @slidenav-width;
		height: @slidenav-height;
		line-height: @slidenav-line-height;
		font-size: @slidenav-font-size;
	}

}