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

//
// Pagination component
//
// ==========================================================================

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

@pagination-line-height:                                @global-line-height;
@pagination-background:                                 @global-light-background;
@pagination-color:                                      @global-color;
@pagination-hover-background:                           @global-primary-background;
@pagination-hover-color:                                @global-contrast-color;
@pagination-onclick-background:                         darken(@global-primary-background, 5%);
@pagination-onclick-color:                              @global-contrast-color;
@pagination-active-background:                          darken(@global-light-background, 5%);
@pagination-active-color:                               @global-primary-background;
@pagination-disabled-background:                        @global-muted-background;
@pagination-disabled-color:                             @global-muted-color;

//
// New
//

@pagination-item-box-shadow:                            rgba(0,0,0,0.05);
@pagination-active-box-shadow:                          rgba(0,0,0,0.01);

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

.hook-pagination-item() {
    padding: 10px 12px;
    box-shadow: 0 1px 0 @pagination-item-box-shadow;
}

// Items
// ==========================================================================

.hook-pagination-link() {
    -webkit-transition: -webkit-transform ease-in-out 0.2s;
    transition: transform ease-in-out 0.2s;
}

.hook-pagination-link-hover() {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.hook-pagination-link-active() {}

//
// Active
//

.hook-pagination-active() { 
    
    box-shadow: inset 0 1px 0 @pagination-active-box-shadow;
    -webkit-transition: -webkit-transform ease-in-out 0.2s;
    transition: transform ease-in-out 0.2s;

    // Hover
    &:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    }

}

//
// Disabled
//

.hook-pagination-disabled() {}


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

.hook-pagination-misc() {

    .uk-pagination > li > span { box-shadow: none; }

}